hexo next 搜索 algolia

1. 目的:添加搜索功能

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

2. next版本

我的版本号是


   
   
# Theme version
version: 5.1.2

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

3. algolia账号申请

Algolia官网

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

1

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

3
2
4
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
    其他字体提示可以自己随意修改
    2

    6. 添加环境变量

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

    变量名称 : HEXO_ALGOLIA_INDEXING_KEY
    变量值: 在algolia新建的有修改权限的key
    1
    2

    7. 生成index上传到algolia

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

    
         
         
    hexo algolia

不报错就可以啦

8. 参考

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值