hexo博客主題更換為kael

為什么更改主題

一是確實不太喜歡這個主題

這個主題的色調在本地還是很不錯的,深藍色,而到了遠程就變成了那種淡藍色,因為我的博客托管在github上面嘛,只需要進行一步 hexo d的操作,而我一直很懷疑這個操作只是起到merge的作用,所以并沒有把我之前更改的主題色調在遠程改變。總之,這一點,讓我很不爽。

二 風格

我總覺得之前那個jacman的主題,風格太過嚴肅,更偏向于技術博客。而我的這個個人博客,到目前為止所謂的「技術文章」還不是很多,所以為了把這種反差扭過來,我也覺得有必要更換主題,之前在hexo themes list上面挑過其他的主題,并沒有選到我滿意的,后來也就不了了之了。

三偶遇

因為昨天無聊的時候翻網頁,然后先是看到這個網站: http://zenhabits.net/ ,本來我只是去看這個網站的內容的,然后瞬間就被它的design吸引了,后來又看了這個網站的站長的另外一個更讓我覺得驚艷的網站:http://zenhabitsbook.com/ 當時心里在想「這他媽才叫網站嘛!」,然后又想到了自己的博客,一對比就相形見絀了。因為作者的第一個網站讓我想到了medium這個我之前上過甚至注冊過的站點,于是再次登錄medium.com ,它的簡潔的風格雖然不似zenhabits ,但是這個UI也是足夠出色了。我當時甚至想要寫一篇英文blog試一試,最后實在迫于我的渣英語放棄了。順著這個思路走,想有沒有類似于medium的主題,,然后就自己在google上面搜索,開始顯示的是有wp的主題,然后我又搜索是否有符合hexo的medium主題,結果果然被我搜到了,作者還是天朝國人,自然說換就換了。

安裝與調試:

安裝其實很簡單,這個主題的github庫在https://github.com/yuche/hexo-theme-kael
只需要在git里執行一行:

$ git clone git@github.com:yuche/hexo-theme-kael.git themes/kael

但是修改的時候遇到了問題,即使是看了作者的這個官方教程 http://che.gitcafe.com/introducing-kael-customization/ 也一時找不到
頭腦,主要就是注釋太少,這讓我這個沒學過前端的非計算機專業的半吊子很是頭疼,在頁面的左側先是加入了一個友情鏈接的選項,然后最大的問題是把文章的多說評論改成我自己的。看作者教程說的只需要將head.js第三行改動,可是他的注釋里又說其他幾處也需要改,結果我就懵了。于是經過了一系列調試,最后跨了一個年之后終于成功了。直接將結論寫下吧:

結論一

作者的代碼我懷疑有問題,在本地的時候不能正常顯示多說評論,只有git到遠程才能夠在博客中看到評論。所以實際上只需要改動head.js,第三行即可將多說評論替換為自己的多說。


作者自己的demo都有錯誤出現

評論同步

接下來是多說評論的同步問題,多說的后臺顯示的是以前的文章評論都在(雖然不多吧!),但是更換主題之后不能顯示之前文章的評論,于是又折騰了好半天,也把結論直接寫下吧:

結論二

在多說的后臺將評論先導出再導入,注意導出以后是zip格式的壓縮包,而導入是將其中的json文件導入。

如圖:
多說后臺

最后

在經過了超過六小時的折騰之后終于基本達到了一個比較理想的效果。雖然這個代碼質量不是太高,有一些bug,但是這個UI總體還是不錯,你們可以感受一下:http://hktkdy.com

題外話

話說昨天是2014年最后一天,因為這件事情沒弄好,我還在自嘲「別人都在看跨年,我卻在改博客」(雖然我對衛視跨年晚會沒興趣),不過早上起來看到新聞「上海外灘跨年發生踩踏事件,已經導致35人死亡」,到覺得自己十分幸運乃至幸福了。
2014再見,2015,愿你我都好。

--------------------------------------分割線---------------------------------------------------------
如果您喜歡本文,可以點下面的喜歡按鈕,也可以關注本人簡書
或簡書專題:我們在自己的世界里獨自狂歡

也可以訂閱我的微信公眾號,了解更多內容。

海闊天空的云
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容