Hexo博客安装Algolia全局搜索
485 字
2 分钟
Hexo博客安装Algolia全局搜索
小白温馨提示：
本文中出现的_config.yml指的是博客框架Hexo的默认配置文件,而_config.butterfly.yml指的是博客主题的配置文件，这个是开始之前必须搞清楚的，不然容易发生报错。
1. 创建 Alogolia Index
登录Algolia官网，没有账号可以用邮箱直接注册一个，或者使用Github登录（各位都是折腾hexo的友人了，不会还没有github吧）
2. 配置 API Key
跟着需要配置API Keys到我们自己的 hexo 博客中来，这样子hexo 博客的数据就可以通过 API 发送给Aloglia 点击右侧进入Setting，再点击进入API Keys
3.Hexo Algolia获取站点数据
你需要安装 hexo-algolia 或 hexo-algoliasearch. 根据它们的说明文档去做相应的配置
下面用 hexo-algoliasearch 进行演示
1.首先安装 hexohexo-algoliasearch 在博客根目录运行一下命令
npm install hexo-algoliasearch --save如果博客没能自动读取插件，可在_config.yml中添加
plugins: - hexo-algoliasearch2.接着需要修改 hexo 根目录下的 _config.yml，进行以下配置：
algolia: appId: "Z7A3XW4R2I" apiKey: "12db1ad54372045549ef465881c17e743" adminApiKey: "40321c7c207e7f73b63a19aa24c4761b" chunkSize: 5000 indexName: "blog" fields: - content:strip:truncate,0,500 - excerpt:strip - gallery - permalink - photos - slug - tags - title注意缩进！！！ applicationID 就是网页中的 Applicaiton ID apiKey 就是网页中的 Search-Only API Key indexName 就是我们前面创建的Index名称
最后配置_config.butterfly.yml，添加以下配置
# Algolia searchalgolia_search: enable: true hits: per_page: 63.上传索引 在博客根目录运行以下命令：
hexo algolia4.最终成果
运行Hexo三件套，重新部署博客，点击搜索即可使用
支持与分享
如果这篇文章对你有帮助，欢迎分享给更多人或打赏支持！
Hexo博客安装Algolia全局搜索
https://blog.smatrix.top/posts/hexo-blog-algolia-global-search/相关文章智能推荐
1
建站4.5周年，我决定用 Astro 重构我的博客
技术分享建站 4.5 周年之际，我告别了陪伴最久的 Hexo，基于 Astro 与 Firefly 重构出 SMATRIX 3.0。这篇文章聊聊重构的契机、为什么选 Astro、我做了哪些修改，以及 4 年多来一路走来的故事。
2
Butterfly主题安装Swiper实现随机打开一篇文章
主题设置为 Hexo Butterfly 主题安装 Swiper 插件，实现首页随机打开一篇文章的功能，附详细配置与 pjax 适配说明。
3
C语言：指针
技术分享讲解 C 语言指针的核心概念，包括指针变量定义、内存地址、解引用操作以及不同系统下指针占用空间等知识点。
4
C语言：条件编译
技术分享介绍 C 语言条件编译的概念与常用指令（#if、#ifdef、#ifndef、#elif、#else、#endif），并通过示例展示如何控制编译过程。
5
单片机开发入门！10多块钱买的ESP8266怎么玩？
技术分享面向初学者的 ESP8266 单片机开发入门教程，介绍 MicroPython 固件烧录、Thonny 与串口驱动安装，以及第一个 LED 闪烁程序。
随机文章随机推荐