將hexo主題next改成自己喜歡的樣子

blacker2018發表於2018-07-02

主要內容:修改主題css樣式首頁文章顯示閱讀全文增加目錄

修改主題css樣式

主題資料夾下source -> css -> _custom -> custom.styl 可以加入自己想修改的css樣式 還可以參考內建標籤的使用。

首頁文章顯示閱讀全文

next主題首頁預設顯示的是文章全部內容,大多數情況下這並不是我們希望的展現形式,可以通過如下方法設定閱讀全文而只顯示文章摘要。

  1. 在文章中使用 <!-- more --> 手動進行截斷,Hexo 提供的方式
  2. 在文章的 front-matter (無法檢視可以試試這個front-matter)中新增 description,並提供文章摘錄
  3. 自動形成摘要,在 主題配置檔案 中新增: auto_excerpt: enable: true length: 150

預設擷取的長度為 150 字元,可以根據需要自行設定

建議使用 <!-- more -->(即第一種方式),除了可以精確控制需要顯示的摘錄內容以外, 這種方式也可以讓 Hexo 中的外掛更好的識別。

改變目錄名字

在主題配置檔案_config.yml中修改: # When running the site in a subdirectory (e.g. domain.tld/blog), remove the leading slash (/archives -> archives) menu: home: /
關於我: /about/ #預設為about 更多修改可以在主題目錄下languages資料夾中找到當前使用的語言更改。

增加統計文章字數、閱讀時長

Hexo-WordCount

相關文章