如何在Hexo博客中集成Algolia搜索功能:从配置到部署 | 南锋

南锋

南奔万里空,脱死锋镝余

如何在Hexo博客中集成Algolia搜索功能:从配置到部署

之前博客一直都没有搜索系统,趁着周末,给博客添加一个搜索系统,我这里选择的是使用algolia搜索。
在这个过程中遇到了几个需要注意的地方,这里特意说明下:

algolia注册

先去algolia官网,进行注册。

安装教程

你需要安装hexo-algoliasearche
按照这上面的步骤进行操作就行了~
api Key的位置如下,一一对应的填写好就行
示意图

注意事项

1、配置文件需要放在根目录下的_config.yml中,而不是主题的_config.yml,

这个时候博客的搜索是搜索不到任何内容的,我们需要通过 Hexo Aloglia 获取站点数据

Hexo Aloglia获取站点数据

1、配置本地环境
我们需要配置一个名称为 HEXO_ALGOLIA_INDEXING_KEY,内容为 Alogolia 网页中 Admin API KEY 的环境变量,
以mac端为例:
打开终端vim ~/.bash_profile添加下面语句:

1
2
export HEXO_ALGOLIA_INDEXING_KEY=d9987de239cbf5ad94ddcad7a5ef1682
export PATH=$PATH:$GOROOT/bin:$GOPATH/bin:$MYSQL_HOME/bin:$MAVEN_HOME/bin:$CATALINA_HOME/bin:$CALIBRE_HOME:$JAVA_HOME/bin:$HEXO_ALGOLIA_INDEXING_KEY

再执行source ~/.bash_profile刷新即可。

再在 hexo站点根目录下执行hexo algolia 来搜集数据更新到我们刚创建的 Index 中,我们可以在网页中看到所有的数据,如下图
示意图

重新部署

执行hexo clean && hexo g -d重新部署,部署完成后再次访问,即可看到搜索功能已经配置完成:
示意图

+