Ghost配置1——删除社交Link

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

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

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

• 没有代码高亮，代码看起来很费劲儿 看这里
• 没有评论系统，这个开发起来并不费事，不明白为何不集成
• 没有网站访问统计
• 头部的facebook和twitter是硬代码，没有取消选项

接下来的时间，准备将这几个问题一个一个消灭。今天先将facebook和twitter的图标先取消掉。

取消头部的link

# 找到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才会生效。

取消尾部的link

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

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

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

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

取消详情页浮动头部的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也会消失。