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也會消失。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章