Enjoy the good life everyday!
关闭
欢迎来PyGo个人空间 ^_^
Hexo搜索hexo-generator-searchdb | PyGo²技术分享

Hexo搜索hexo-generator-searchdb

背景

博客运行了很久,也写了不少文章,有的时候需要回去翻自己写过的文章找点东西,比较麻烦,而且也看了别人的博客好多都有一个🔍搜索功能,针对于我使用的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
5
local_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/

  • 本文作者:mingliang.gao【一个爱老婆Python程序猿。。。。。。】
  • 本文链接: http://pygo2.top/articles/21643/
  • 版权声明: 本博客所有文章欢迎转载,转载请注明出处!
觉得有帮助 请偶坐个公交车
0%