Hexo Plugins

發表於 更新於 分類於 ， 閱讀次數：

Plugins | Hexo

針對 NexT 優化出的 next-theme/hexo-generator-searchdb: 🔍 Seach data generator plugin for Hexo.

安裝套件

透過在網站根目錄 hansBlog 執行以下指令來安裝

npm install hexo-generator-searchdb

設定 Blog

在根 _config.yml 中編輯加入下列敘述，search 附檔名改成 json。

hexo\_config.yml
1
2
3
4
5
6
search:
- path: search.xml
+ path: search.json
  field: post
  content: true
  format: html
  • path：生成搜尋檔案的路徑，預設 search.xml，如果檔案副檔名為 .json，則輸出格式為 JSON。 否則將匯出 XML 格式檔案。
  • field：搜尋範圍，預設 post，只搜尋發佈的文章。
  • content：是否搜尋文章的內容
  • format：頁面內容的形式

設定主題 NexT

themes\next\_config.yml
1
2
3
4
5
6
7
8
9
10
11
# Local search
# Dependencies: https://github.com/next-theme/hexo-generator-searchdb
local_search:
- enable: false
+ enable: true
  # Show top n results per article, show all results by setting to -1
  top_n_per_article: 1
  # Unescape html strings to the readable one.
  unescape: false
  # Preload the search data when the page loads.
  preload: false

部署

1
hexo clean && hexo generate && hexo deploy

部署前後

在未部署上 gh-pages，還在 local 測試時，按搜尋按鈕是無反應的。

部署後，點按搜尋按鈕會跳出搜尋視窗。

參考連結

  1. [Hexo 外掛程式] hexo-generator-searchdb 外掛程式和NexT 主題啟用Hexo 本機搜尋| CloudoLife