Ghost配置1——删除社交Link

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

网络上搜了好久,偶然发现了Ghost博客,尤为是它的casper主题,很是的对我胃口。因而果断的选择了它。网络

图片描述

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

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

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

取消头部的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也会消失。ui

取消详情页浮动头部的link

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

# 找到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也会消失。spa

相关文章
相关标签/搜索