在butterfly官网上有三个插件可供选择,我主要试了hexo-algoliasearch和hexo-generator-search,前一个是借助第三方的网站algolia,需要在algolia注册账号,并需要执行命令把自己网站的信息上传到algolia,每次搜索都需要请求algolia的数据,网络较慢,导致我的网址打开速度降低,影响用户体验。并且我不知道什么原因,没有试成功,搜索结果一直为空。最后放弃了这个方案。
hexo-generator-search插件是把文章的信息生成一个搜索库放在本地,所以搜索效率很高。 该插件使用步骤如下:
1.在博客目录下,运行以下命令安装hexo-generator-search插件:
npm install hexo-generator-search --save
2.配置插件:
在Hexo博客的配置文件_config.yml中,添加以下配置:
search:
path: search.xml
field: post
format: html
limit: 10000
其中,path为生成的搜索文件名,field指定搜索的对象(可以是post或page),format指定搜索结果的格式,limit指定最多显示的搜索结果数量。
在_config.butterfly.yml中,修改local_search的enable为true
local_search:
enable: true
preload: false
CDN:
3.生成搜索文件:
在Hexo博客目录下,运行以下命令生成搜索文件:
hexo generate
完成以上步骤后,您的Hexo博客就可以使用站内搜索功能了。您可以在博客中输入关键字进行搜索,并查看搜索结果页面。
需要注意的是插件官网的配置中有个template配置,无需配置该项。配置了反而无法正常搜索。
效果如下