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

相關文章
相關標籤/搜索