安装hexo-algolia插件

1
npm install hexo-algolia --save

创建 Alogolia Index

首先登陆进入 Algolia 官网,我们可以使用GitHubGoogle帐号登录;

依次点击左侧Search图标 –> Configure –> Index

新建一个名为hexoIndex索引;

Index(索引)也就是搜索引擎中的数据库,我们所有的搜索相关信息都存在里面。

配置 API Key

接下来需要配置AlgoliaAPI Keys到我们自己的hexo站点中,关联两者,使得Algolia能够搜集我们hexo站点的数据通过API发送给Aloglia

依次点击左侧Overview图标 –> API Keys

记住Your API Keys下的Application IDSearch-Only API Key,在配置_config.yml用;

修改[you_blog]根目录下的_config.yml,添加以下代码:

1
2
3
4
5
# Algolia API配置
algolia:
applicationID: #上一步API Keys界面的Application ID值
apiKey: #上一步API Keys界面的Search-Only API Key值
indexName: hexo #创建的索引名称

新建 App Key

还需要创建一个新建App Key用来配置环境变量;

依次点击左侧Overview –> API Keys –> All API Keys –> 右侧New API Key

填好后点击Create完成创建;

参数
解释
Description 描述(用于分辨创建的key用途)
Indices 选择刚刚创建的名为hexo的索引
Validity 有效期;0表示不过期
Max API calls/IP/hour 每小时允许从IP地址进行的最大API调用次数,0 表示无限制
Max hits/query 最大命中/查询数
HTTP Referers 有权使用该密钥的网站列表,空表示所有引用者都将授权
ACL 此密钥的权限列表,选择searchbrowseaddObjectdeleteObjectdeleteIndexlistIndexesusage

配置环境变量

[you_blog]根目录下右键选择git bash执行以下命令:

1
export HEXO_ALGOLIA_INDEXING_KEY="上一步新创建的APIKEY"

修改主题配置文件

_config.butterfly.yml中搜索algolia_search并修改:

1
2
3
4
5
6
7
8
9
# Algolia search(Algolia搜索)
algolia_search:
enable: true
hits:
per_page: 6
labels:
input_placeholder: Search for Posts
hits_empty: "没有找到任何搜索结果: ${query}"
hits_stats: "找到约${hits }条结果( 用时${time }ms)"

更新索引

hexo站点根目录下执行hexo algolia来搜集数据更新到创建的Index

1
hexo algolia

接下来先在本地预览一下效果;

1
hexo clean && hexo g &&  hexo s

参考链接

17-文章双栏布局插件 15-新标签打开文章