玩轉hexo - 4 - 主題

標籤： hexo 原創

因爲部分段落的排版沒法實現，請查看原文。

地址：http://blog.lujingtao.com/2017/11/20/hexo-theme/

---

什麼是主題？

咱們都知道，一個正常的靜態網站的基本組成部分有三部分：html文件羣，css資源羣和javascript文件羣。html組成網站的骨架，css規定頁面的樣式風格，javascript構建頁面的各類交互效果與邏輯。他們就像三個兄弟，桃園三結義，方能成就一番大業，此爲恆常。

而咱們的博客，你的國，也屬於網站。可是咱們寫的文章都是markdown格式的文件，僅僅只是國中的老百姓，自己沒什麼戰鬥力，必需要在一個安逸的環境下才能安居樂業。因此沒有三兄弟的國是徹底招架不住的，更經不起羣雄以及他國使者的挑剔眼光。畢竟誰心底裏都有一顆壯志雄心，對吧。

因而，三兄弟，構成了主題。

如何使用 or 更換主題

在hexo的官網上，有一個專門的主題頁，hexo theme，裏面的主題不可謂不琳琅滿目。你們能夠根據本身的愛好，選擇一個對味的。

下面就以我的製做的本主題mello爲例。

安裝步驟

1. 複製主題的倉庫地址。進入它的github倉庫頁mellow，複製https://github.com/codefine/hexo-theme-mellow.git
2. 下載主題到本地博客目錄。在命令行中，進入本地博客目錄，而後下載主題。 git clone https://github.com/codefine/hexo-theme-mellow.git themes/mellow 。這條命令的尾部的 themes/mellow 表示主題文件存放的目錄。成功以後，就能在 blog/themes 找到下載的主題了。
3. 更換使用的主題。目前咱們使用的仍是默認的landscape主題，要換成新下載的mellow主題。打開站點配置文件 blog/_config.yml ，找到 theme: landscape ，把landscape換成mellow。
4. 安裝依賴。npm install --save hexo-generator-search hexo-generator-topindex hexo-helper-qrcode hexo-renderer-less
5. 至此，更換主題基本結束。而後運行 hexo clean -> hexo g -> hexo s 就能夠預覽主題了。

可能會出現的坑

1. : 運行命令的時候報錯，或者不報錯，可是打開主題後沒有樣式文件？

1. : 出現這個問題大部分狀況是由於缺乏該主題必要的依賴。這個依賴囊括各類css預處理器以及主題內部某些功能須要的組件，不一樣主題開發者因爲開發習慣以及理念的不一樣，可能會衍生出各類五花八門的依賴。因此這就須要咱們仔細閱讀主題文檔，把這些依賴都安裝好，還有可能須要設置一些東西，才能正常使用。

1. : 主題能正常顯示，可是裏面的某些功能失效或者報錯？

1. : 這些主題都是開發者從零開始一點一點寫出來的代碼集合，出現某些bug再正常不過了，可能開發者並無發現，這就須要咱們使用者來主動聯繫開發者，幫助完善主題功能，讓更多的人更安心的使用。因此遇到這種問題，不要慌，盡情的打小報告就行，哈哈哈。

1. : 主題好是好，可是某些功能我以爲不須要，某些功能我以爲頗有必要可是沒有？

1. : 關於現有功能的增刪問題，通常一個結構良好的主題都會在主題配置文件 themes/主題文件包/_config.yml 中留有相應的功能接口，咱們只須要改變相應接口的布爾值就能實現功能開啓與關閉了，通常true表示開啓，而false表示關閉。可是若是我們須要的功能現有主題並無，或者主題並無留下功能開啓關閉的接口，這就須要我們本身看着辦了。動手能力強的，能夠直接修改源文件，不想本身親自上陣的那就只能聯繫開發者了。

1. : 換了主題以後，在部署的時候粗現了Error: ENOENT的錯誤，而且博客倉庫中的主題目錄爲空，沒有部署上去？

1. : 這是由於這個主題是從github上直接clone下來的，在主題文件內會默認帶有一個 .git 的隱藏目錄，這個目錄和deploy插件衝突。解決方法也很簡單，就是刪掉 .git 。用 cd themes/cafe 進入cafe主題中，而後用 rm -rf .git 刪除，再用 cd .. 返回到博客目錄，從新生成並部署。這樣作以後的缺點就是斷開了與主題倉庫之間的連接，沒法使用 git pull 來更新主題，須要手動更新。出現這個錯誤多半是由於目錄中有 .git，所有找到而且刪除就好了。

主題推薦

折騰主題的這個階段幾乎是每一個人都要經歷的，因此上述的不少主題我也都試過，不乏一些空有顏值內在空虛的，要麼就是bug層出不窮影響使用了，要麼就是做者afk聯繫不上了。真是沒想到大家居然是這樣的主題？！

通過本人海量實踐，在此只推薦兩個主題：

1. NexT

   • 優勢：從做者專門爲文檔開發了一整套網站來看，能夠說是功能很是健全的主題了，幾乎能知足任何hexo使用者的全部需求。
   • 缺點：有點笨重。也不利於二次開發及邊緣開發。

2. Mello

   • 優勢：做者是博主本人！
   • 缺點：過於完美主題還很年輕，還有很長的路要走。

本人制做的主題已經被官方收錄，正在完善文檔中，也會持續更新，歡迎你們使用，若是能在使用過程當中提出一些寶貴的意見那絕對是極好的。若是以爲這小夥子作的主題還不錯，請在倉庫右上角star一下，以示鼓勵。