搭建個人博客,我找了很多開源的產品。從重型的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也會消失。