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 会显示每篇文章的所有搜索结果数量。

然后，重新部署网站即可愉快的使用本地搜索功能了。

可以参考我的网站效果：我的博客