Hexo Next 主题中添加本地搜索功能

在 next 主题侧边列表有一个 搜索 菜单,但是点击之后页面会处于卡死状态,后台显示是 404,需要添加搜索插件才可以。
在这里插入图片描述

安装插件,用于生成博客索引数据(在博客根目录下执行下列命令):

1
npm install hexo-generator-search --save

安装之后,会在站点根目录下创建一个 search.xml 文件。

2、修改站点配置文件

在站点配置文件 _config.yml 中添加如下内容:

1
2
3
4
5
6
# Search 
search:
path: search.xml
field: post
format: html
limit: 10000

path:索引文件的路径,相对于站点根目录

field:搜索范围,默认是 post,还可以选择 page、all,设置成 all 表示搜索所有页面

limit:限制搜索的条目数

3、主题配置文件

在主题配置文件 _config.yml 中找到如下内容:

1
2
3
4
local_search:
enable: true
trigger: auto
top_n_per_article: 1

确保 enable 设成 true。

top_n_per_article 字段表示在每篇文章中显示的搜索结果数量,设成 -1 会显示每篇文章的所有搜索结果数量。

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