搭建个人博客,我找了很多开源的产品。从重型的WordPress到一些轻量级的产品如solo,都挨个试了个遍。要么就是功能过重,要么功能单一,要么界面丑陋。

网络上搜了很久,偶然发现了Ghost博客,尤其是它的casper主题,非常的对我胃口。于是果断的选择了它。

图片描述

整个安装非常简单,按照官方的Guidance操作即可。界面简洁,使用流畅,markdown语法的编辑器用起来也十分顺手。但美中不足的是:

  • 没有代码高亮,代码看起来很费劲儿 看这里
  • 没有评论系统,这个开发起来并不费事,不明白为何不集成
  • 没有网站访问统计
  • 头部的facebook和twitter是硬代码,没有取消选项 接下来的时间,准备将这几个问题一个一个消灭。今天先将facebook和twitter的图标先取消掉。
# 找到casper主题目录下的site-nav.hbs
# xxx/ghost/content/themes/casper/partials/site-nav.hbs

# 将<div class="social-links">...</div>的内容全部注释掉
<div class="social-links">
    <!--
        ...
    -->
</div>

# 如果不需要RSS订阅,同样将下面的 #if /if 全部注释掉
<!-- {{#if @labs.subscribers}}
    ...
-->

这一步做完以后,网站头部的社交link标志就消失了。记得重启ghost才会生效。

# 找到casper主题目录下的default.hbs
# xxx/ghost/content/themes/casper/default.hbs

找到twitter和facebock对应的行,直接删除或者用注释 <!--  -->包裹起来

# 如果想把latest posts改掉,直接修改文言
<a href="{{@blog.url}}">最近更新</a>

这一步做完以后,网站尾部的社交link也会消失。

在详情页往下滑浏览内容时,会出现一个浮动头部,头部中同样有社交link标志。

# 找到casper主题目录下的floating-header.hbs
# xxx/ghost/content/themes/casper/partials/floating-header.hbs

# 将<div class="floating-header-share">...</div>的内容全部注释掉
<div class="floating-header-share">
    <!--
        ...
    -->
</div>

这一步做完以后,详情页浮动头部的社交link也会消失。