Hexo 博客中添加 Algolia 搜索功能

安装

algolia的github地址：https://github.com/LouisBarranqueiro/hexo-algoliasearch

在hexo目录执行安装algolia

npm install hexo-algoliasearch --save

创建 Algolia 账户并获取 API Key

Algolia官网：https://www.algolia.com

首先创建账户，借助便利的魔法我直接谷歌登陆，然后如图

拿到这三个就成功了，然后还要创建一个索引

配置 Hexo 插件

在 Hexo 根目录下，打开 _config.yml 文件并添加以下配置：

# Algolia Search
algolia:
  applicationID: 'applicationId'
  apiKey: 'apiKey'
  adminApiKey: "adminApiKey"
  chunkSize: 5000
  indexName: "创建的索引名称"
  fields:
    - content:strip:truncate,0,500
    - excerpt:strip
    - gallery
    - permalink
    - slug
    - title

content:strip
,0,500

content: 文章的内容。
strip: 去掉 HTML 标签和样式。
truncate,0,500: 截取内容的前500个字符。
excerpt

excerpt: 文章的摘要。
strip: 去掉 HTML 标签和样式。
gallery

gallery: 文章的图片集字段，不做处理直接索引。
permalink

permalink: 文章的永久链接，不做处理直接索引。
slug

slug: 文章的短链接，不做处理直接索引。
title

title: 文章的标题，不做处理直接索引。

修改butterfly的配置，启用algolia插件

algolia_search:
  enable: true
  hits:
    per_page: 10
  labels:
    input_placeholder: Search for Posts
    hits_empty: "我们没有找到任何搜索结果: ${query}"
    hits_stats: "找到${hits}条结果（用时${time} ms）"

部署更新

完成上述所有配置和集成后，运行以下命令重新生成并部署你的 Hexo 博客：

npx hexo clean
npx hexo generate
npx hexo deploy

偶剋！