Hexo Next 主題中添加本地搜尋功能

在 next 主題側邊清單有一個

搜尋

菜單，但是點選之後頁面會處于卡死狀态，背景顯示是 404，需要添加搜尋插件才可以。

1、安裝本地搜尋插件

hexo-generator-search

# 安裝插件，用于生成部落格索引資料（在部落格根目錄下執行下列指令）：
npm install hexo-generator-search --save
           

安裝之後，會在站點目錄的 public 檔案夾下建立一個 search.xml 檔案。

2、修改站點配置檔案

在站點配置檔案

_config.yml

中添加如下内容：

# Search 
search:
  path: ./public/search.xml
  field: post
  format: html
  limit: 10000
           

• path：索引檔案的路徑，相對于站點根目錄
• field：搜尋範圍，預設是 post，還可以選擇 page、all，設定成 all 表示搜尋所有頁面
• limit：限制搜尋的條目數

3、主題配置檔案

在主題配置檔案

_config.yml

中找到如下内容：

local_search:
  enable: true
  trigger: auto
  top_n_per_article: 1
           

確定 enable 設成 true。

top_n_per_article 字段表示在每篇文章中顯示的搜尋結果數量，設成 -1 會顯示每篇文章的所有搜尋結果數量。

然後，重新部署網站即可愉快的使用本地搜尋功能了。

可以參考我的網站效果：我的部落格