Hexo_主題[next]功能小補帖

前言

此系列教學最後一篇補上使用Hexo後關於Next主題相關的小套件與設定。
提醒小套件的功能視需求而安裝,畢竟安裝太多小套件也是會有執行後效能的問題浮現。

內容Search功能

開啟搜尋功能前須先安裝以下套件,在Hexo資料夾開啟CMD後,輸入以下指令安裝
npm install hexo-generator-searchdb --save
進入Hexo資料夾中目前使用的主題(Theme)設定檔_config.yml中,修改local_search項目中enable : true 即可,就會在首頁看到多了搜尋的選項與介面
search_1
點擊搜尋後即可在功能中查詢相關內容
searchOperate_2

顯示滾動百分比

Hexo資料夾中目前使用的主題(Theme)設定檔_config.yml,找到reading_progress: false 修改成 reading_progress: true 
reading_progress_4
即可呈現滾動百分比
reading_progress_demo_5

顯示閱讀百分比

Hexo資料夾中目前使用的主題(Theme)設定檔_config.yml,找到scrollpercent: false 修改成 scrollpercent: true 
reading_Percent_6
即可呈現閱讀百分比
reading_Percent_6_2

版權宣告

使用next主題後會在頁尾的地方出現 [由 Hexo 強力驅動] 的提示字,若想關閉的話在Hexo資料夾中目前使用的主題(Theme)設定檔_config.yml查詢powered關鍵字,將其中屬性 enable: false
power_7
另外在上面的 copyright 欄位也可以加入引用提示字給讀者參考,例: [XXX - 轉載文章請附上作者及原文連結]
copyright_8

自動新增繼續閱讀

只顯示部分內容,若要閱讀全文則需點擊[閱讀全文]的按鈕,
在文章中加上<!-- more -->,就會在該處斷開,以下文章則需點擊閱讀全文才會展開
readMore_9

關閉歸檔的勉勵句

cheers_enabled_10
我們在歸檔的畫面常會看到預設的語句: 嗯..! 目前共有 x 篇文章。 繼續努力。
覺得很煩完全沒有被勉勵的感覺的話,需要在以下到 themes => next => layout => archive.njk檔案中
cheers_enabled_10_3
將以下程式碼註解。
cheers_enabled_10_2

網站瀏覽數量

Hexo資料夾中目前使用的主題(Theme)設定檔_config.yml,找到 busuanzi_count 屬性後,修改成下方範例即可
busuanzi_count_11
在頁尾看到瀏覽數量
busuanzi_count_demo_12

結語

以上為此系列教學的最後一篇,若之後有相關更新也會繼續補充。
架設部落格過程中,也是以初學者角度將每一步操作的過程記錄下來,以便整理後可以分享提供給同樣需求的讀者參考,希望我們在學習與分享的道路上一起努力前進。

參考資料

試著學 Hexo - NexT 主題篇 - 可以安裝的套件
hexo Blog頁面與Next主題
設定你的 Hexo 佈景主題
HEXO搭配主題next基礎配置教學
Hexo教學 Next主題設定與頁面功能
學習筆記 如何更換 Hexo 主題 & 自訂樣式