hexo+next添加algolia搜索

1、为什么添加algolia搜索
第一当然是可以方便的查找所需文章,第二点就是之前常用的swiftype插件不再免费。我的个人博客是这个月初搭建完成的,这时候swiftype已经不再免费,而且只开放企业邮箱注册。
2、添加效果

hexo+next添加algolia搜索_第1张图片

3、开始添加
下载最新的next主题(5.1.0),因为最新版的已经集成了algolia搜索,可以省去很多配置和修改。
我的版本:
(themes\next_config.yml文件最下方查看)
去 algolia官网注册账号(我直接使用的github的账号)
hexo+next添加algolia搜索_第2张图片

参照下图新建index
hexo+next添加algolia搜索_第3张图片

打开API Keys页面,里面的信息等会需要写到hexo的配置文件中
hexo+next添加algolia搜索_第4张图片

在根目录的站点配置文件_config.yml
中加入如下配置,参照上图的各种key值


algolia:
appId: 'appid'
apiKey: 'apiKey'
adminApiKey: 'adminApiKey'
indexName: '上面填写的index名'
chunkSize: 5000
fields:
- title
- slug
- path
- content:strip

在git bash中执行hexo algolia。如下图


hexo+next添加algolia搜索_第5张图片

说明已经提交到了algolia。如下图


hexo+next添加algolia搜索_第6张图片

如果无法提交成功,先执行hexo clean即可。
在\themes\next下找到_config.yml,找到如下内容,将enable修改为true,labels修改为自己需要的
hexo+next添加algolia搜索_第7张图片

在themes\next\layout_partials中找到header.swig,找到以下代码并修改




这样就完成了添加。


hexo+next添加algolia搜索_第8张图片

有问题可以在下面留言,欢迎大家讨论。

你可能感兴趣的:(hexo+next添加algolia搜索)