hexo next 搜索 algolia

1. 目的:添加搜索功能

algolia似乎是试用一段时间就不能用了,建议使用本地搜索
hexo-next 本地搜索

2. next版本

我的版本号是


     
     
     
     
# Theme version
version: 5.1.2

next5.0+版本集成了algolia 这样使配置algolia更简单

3. algolia账号申请

Algolia官网

  • 直接用github账号注册就好啦
  • 创建index空间 输入一个名称,填写你自己站点的网址

hexo next 搜索 algolia_第1张图片

  • 创建两个key
    1. 空间创建好后默认会有一个只有搜索权限的key
    2. 需要另建一个有修改记录等权限的key(这个供我们提交索引到空间使用)
    3. 创建key的时候要选择授权的空间

hexo next 搜索 algolia_第2张图片
hexo next 搜索 algolia_第3张图片
hexo next 搜索 algolia_第4张图片
hexo next 搜索 algolia_第5张图片

  • 记录
    1. Application ID
    2. 两个key建

4. 安装hexo-algolia

用git-bash在hexo工程根目录下执行

npm install hexo-algolia --save

5. 配置algolia

  • 在Hexo工程根目录的_config.yml中加入如下配置,注意改成前面API Keys页面相应配置

     
     
     
     
algolia:
applicationID: '你的Application ID'
apiKey: '只有搜索权限的key'
adminApiKey: ''
indexName: '你的index空间名称'
chunkSize: 5000
  • 修改themes>next>_config.yml

    搜索 algolia_search 修改enable 为true
    其他字体提示可以自己随意修改
    hexo next 搜索 algolia_第6张图片

    6. 添加环境变量

    我的电脑>右键属性>高级设置>环境变量>新建>填写变量名称和变量值

    变量名称 : HEXO_ALGOLIA_INDEXING_KEY
    变量值: 在algolia新建的有修改权限的key
    hexo next 搜索 algolia_第7张图片
    hexo next 搜索 algolia_第8张图片

    7. 生成index上传到algolia

    在hexo根目录执行,注意确保命令行面板已经重新载入新加的环境变量

    
           
           
           
           
    hexo algolia

不报错就可以啦

8. 参考

NexT主题集成Algolia搜索插件
Hexo集成Algolia搜索插件

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