付費限定文章

免費部落格架站教學(10) Hexo_主題[next]功能小補帖

前言

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

內容Search功能

開啟搜尋功能前須先安裝以下套件,在Hexo資料夾開啟CMD後,輸入以下指令安裝

npm install hexo-generator-searchdb --save

進入Hexo資料夾中目前使用的主題(Theme)設定檔_config.yml中,修改local_search項目中enable : true 即可,就會在首頁看到多了搜尋的選項與介面

點擊搜尋後即可在功能中查詢相關內容

顯示滾動百分比

Hexo資料夾中目前使用的主題(Theme)設定檔_config.yml，找到reading_progress: false修改成 reading_progress: true

即可呈現滾動百分比