背景
博客运行了很久，也写了不少文章，有的时候需要回去翻自己写过的文章找点东西，比较麻烦，而且也看了别人的博客好多都有一个🔍搜索功能，针对于我使用的Hexo+Next版本也增加一个搜索功能。但是，在实现的过程中遇到了一些坑，想必也会有人跟我一样，于是写下来与大家分享。
版本信息
| id | name | version | remark |
|---|---|---|---|
| 1 | Hexo | v3.8.0 | 系统版本 |
| 2 | Next | v7.0.1 | 主题版本 |
安装hexo-generator-searchdb
博客项目的根目录直接执行：1
npm install hexo-generator-searchdb --save
配置
打开Next主题配置文件：/blog/theme/next/_config.yml，搜索local_search，更改代码如下：1
2
3
4
5local_search:
enable: true
trigger: auto
top_n_per_article: 1
unescape: false
hexo g && hexo s
完成hexo-generator-searchdb的插件安装与配置之后，重启服务。重启之后查看blog首页sidebar多出一个🔍搜索功能，点进去查看，如果能实现搜索功能，那么恭喜你，你的功能已经没问题。
遇到问题
点击搜索，我发现我的搜索modal一直在转圈圈，根本停不下来。
解决问题
网上找了许久解决办法，一般都是结束安装、配置，hexosearch这篇文章提供了一个解决思路与方法，我在这里大致讲述一下：
- 直接访问博客地址search.xml：http://127.0.0.1:8888/search.xml
- 发现错误提示
- 打开控制台查看原因
- 查看提示错误提示以及console查看具体位置，具体错误的会有小红点（•••••），找到具体对应的md文章，清除特殊字符。
- 全部特殊字符处理完之后，重新：hexo g && hexo s。
不出意外，你的🔍搜索已经可以用了，有问题可以在sidebar留言板留言共同交流分享。
学习
Next local search：https://github.com/iissnan/hexo-theme-next/pull/694
hexo-generator-searchdb官方：https://github.com/theme-next/hexo-generator-searchdb
hexosearch：https://www.sqlsec.com/2017/12/hexosearch.html
感谢
感谢Hexo、Next、以及解决我问题的博主：国光，推荐一下国光博主的博客：https://www.sqlsec.com/
