Hexo+NexT的主题如何配置本地全局搜索？

发表于 更新于 分类于 阅读次数： 本文字数： 783 阅读时长 ≈ 1 分钟

本地搜索不需要任何外部第三方服务，在网站内全局快速搜索。本文的配置是基于Hexo 6.0的系统和NexT8.0以上的主题。版本如果不正确可能无法正常应用。

具体操作的步骤

安装搜索需要的插件

在Hexo的根目录下，打开命令可执行窗口，执行如下命令:

1
2
npm install hexo-generator-search --save
npm install hexo-generator-searchdb --save

在站点全局配置文件(_config.yml)，新增如下内容：

1
2
3
4
5
search:
  path: search.xml
  field: post
  content: true
  format: html

修改 hexo主题配置文件：themes/xxx/_config.yml

1
2
3
4
5
6
7
8
9
10
11
local_search:
  enable: true #修改这个参数，默认是false
  # If auto, trigger search by changing input.
  # If manual, trigger search by pressing enter key or search button.
  trigger: auto
  # 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
2
3
hexo clean
hexo g
hexo s

操作完成后，可以在菜单中多出一个“搜索”的项目，如下图：
img.png

点击“搜索”，如下弹框：

img.png

学习交流

如果你觉得文章有帮助，请帮忙转发给更多的好友，或关注公众号：猿java，持续输出硬核文章。

drawing