Hexo主题Next配置algolia站内搜索

Algolia是一家为网站与移动应用提供托管式搜索API的初创企业,成立于2012年,总部位于旧金山,曾参加过去年的YC训练营。网站或移动应用只需嵌入简单代码数分钟即可实现搜索功能。

实现的效果如下

search

注册Algolia
打开Algolia进行注册。可直接使用github账号进行注册。

创建index
点击 NEW INDEX创建一个新的indexIndex Name 后面会使用到。
INDEX

编辑KEY
点击侧边栏API Keys可以看到 Application IDSearch-Only API KeyAdmin API Key。后面我们需要用到。 点击 ALL API KEYS,编辑KEY。

安装hexo-algoliasearch插件
Hexo的根目录下执行

$ npm install hexo-algoliasearch --save

配置站点信息
打开 站点配置文件,添加algolia配置信息。

algolia:
  applicationID: 
  apiKey: 
  adminApiKey: 
  indexName: #创建index使用的Index Name
  chunkSize: 5000

打开 主题配置文件,添加algolia配置信息。

# Algolia Search
algolia_search:
  enable: true
  hits:
    per_page: 10
  labels:
    input_placeholder: Search for Posts
    hits_empty: "We didn't find any results for the search: ${query}"
    hits_stats: "${hits} results found in ${time} ms"

在环境变量中添加 HEXO_ALGOLIA_INDEXING_KEY, 在Hexo的根目录执行

$ export HEXO_ALGOLIA_INDEXING_KEY=粘贴上一步复制的 API KEY

再次执行

$ hexo clean
$ hexo algolia

至此,我们的工作就完成了。


参考:

Hexo+next 添加搜索功能

Hexo+Next集成Algolia搜索

最后修改:2020 年 07 月 18 日 03 : 39 PM
如果觉得我的文章对你有用,请随意赞赏