Hexo主题Next配置algolia站内搜索

Hexo主题Next配置algolia站内搜索

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

实现的效果如下

search

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

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

编辑KEY 点击侧边栏API Keys可以看到 Application ID、 Search-Only API Key 、 Admin API Key。后面我们需要用到。 点击 ALL API KEYS，编辑KEY。

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

代码语言：javascript复制

$ npm install hexo-algoliasearch --save

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

代码语言：javascript复制

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

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

代码语言：javascript复制

# 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的根目录执行

代码语言：javascript复制

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

再次执行

代码语言：javascript复制

$ hexo clean
$ hexo algolia

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

参考：

Hexo next 添加搜索功能

Hexo Next集成Algolia搜索

api 网站 hexo

0 人点赞