给博客配置使用ALGOLIA搜索

安知鱼的搜索系统支持algolia、本地搜索、DocSearch 本站使用的是algolia，能够在毫秒级返回搜索结果，同时支持多语言、拼写纠正和同义词处理等功能

1. 注册和配置 algolia

注册地址

点击链接注册：注册

创建应用

进入此页面创建应用：创建

注意 这里免费的只能选前面几个，一般默认就行 当然你要是土豪当我没说（
1748077719036.png

创建索引

按照下图步骤创建索引：
1748078133679.png

获取key

如图
1748078226720.png
如下图所示，记录下 appId、apiKey 和 adminApiKey。 ⚠️ 请务必妥善保管，切勿泄露！ ⚠️ 请务必妥善保管，切勿泄露！ ⚠️ 请务必妥善保管，切勿泄露！

重要的事情强调三次

2.配置博客

安装插件

进入博客根目录，在终端中执行以下命令安装插件：

1
npm install hexo-algoliasearch --save

1748078696843.png

编辑博客配置文件

打开博客目录下的_config.anzhiyu.yml修改以下内容：

1
2
3
# Algolia search
algolia_search:
  enable: true

打开博客目录下的_config.yml添加以下内容：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
# algolia搜索: https://github.com/LouisBarranqueiro/hexo-algoliasearch
algolia:
  appId: "这里输入前面获取的key"
  apiKey: "这里输入前面获取的key"
  adminApiKey: "这里输入前面获取的key"
  chunkSize: 5000
  indexName: "这里输入创建的索引的名称"
  fields:
    - content:strip:truncate,0,200
    - excerpt:strip
    - gallery
    - permalink
    - photos
    - slug
    - tags
    - title

编辑之后执行以下命令：

1
2
3
hexo cl
hexo g
hexo a

3.测试

运行本地服务：
执行hexo s，这时候发现右上角 出现了搜索按钮，测试一下：
1748079276224.png
这时候发现搜索已经可以正常使用了

补充一下

如果你发现你的搜索可以搜索到数据，但是点进去跳转到了https://example.com/ 这个域名 ，

请检查你的 _config.yml 文件 其中的 url 字段用于设置你的博客网址。如果这个网址设置为 https://example.com/ ，那么在生成的网页中，所有链接都会基于这个网址。检查该字段是否正确设置为你的博客实际网址