hexo+next添加algolia搜索

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

3、开始添加
下载最新的next主题（5.1.0），因为最新版的已经集成了algolia搜索，可以省去很多配置和修改。
我的版本：

（themes\next_config.yml文件最下方查看）
去 algolia官网注册账号（我直接使用的github的账号）

参照下图新建index

打开API Keys页面，里面的信息等会需要写到hexo的配置文件中

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

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

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

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

如果无法提交成功，先执行hexo clean即可。
在\themes\next下找到_config.yml，找到如下内容，将enable修改为true，labels修改为自己需要的

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

 

 
 {% set hasSearch = theme.swiftype_key || theme.algolia_search.enable || theme.tinysou_Key || config.search %}
 
 
{% if theme.menu %}
 

 {% for name, path in theme.menu %}
 {% set itemName = name.toLowerCase() %}
 

 
 {% if theme.menu_icons.enable %}
  

 {% endif %}
 {{ __('menu.' + itemName) }}
 
 
 {% endfor %}
 
 
  {% if hasSearch %}
    

      {% if theme.swiftype_key %}
        
      {% elseif config.search %}
        
 
 

 {% elseif theme.algolia %}
 
 
 {% endif %}
 {% if theme.menu_icons.enable %}
  

 {% endif %}
 {{ __('menu.search') }}
 
 
 {% endif %}
 
 {% endif %}
 
 
{% if hasSearch %}
 

 {% include 'search.swig' %}
 
 {% endif %}
 
 

这样就完成了添加。

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