【butterfly】使用Algolia搜索
📚 文档目录
01-添加自定义css和js文件02-footer栏03-友链卡片样式04-站点图片批量半自动截图05-分类磁贴插件版06-添加侧边栏电子钟07-侧边栏归档、分类修改08-标签云增加文章数上下标09-顶部加载渐变条10-导航栏魔改11.1-返回顶部按钮显示网页阅读进度11.2-添加白天夜间模式转换动画11.3-增加分享本页11.4-直达底部12-添加51统计13-404页面展示最近文章14-分类标签归档页增加文章索引15-新标签打开文章16-使用Algolia搜索17-文章双栏布局插件18-动态分类标签导航栏19-增加评论热评轮播功能20-链接卡片标签外挂21-新年倒计时卡片22-文章统计图页面23-隐藏部分文章不在首页显示
安装hexo-algolia插件
1 | npm install hexo-algolia --save |
创建 Alogolia Index
首先登陆进入 Algolia 官网,我们可以使用GitHub
或Google
帐号登录;
依次点击左侧Search
图标 –> Configure
–> Index
;
新建一个名为hexo
的Index
索引;
Index
(索引)也就是搜索引擎中的数据库,我们所有的搜索相关信息都存在里面。
配置 API Key
接下来需要配置Algolia
的API Keys
到我们自己的hexo
站点中,关联两者,使得Algolia
能够搜集我们hexo
站点的数据通过API
发送给Aloglia
;
依次点击左侧Overview
图标 –> API Keys
;
记住Your API Keys
下的Application ID
和Search-Only API Key
,在配置_config.yml
用;
修改[you_blog]
根目录下的_config.yml
,添加以下代码:
1 | # Algolia API配置 |
新建 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 | 此密钥的权限列表,选择search 、browse 、addObject 、deleteObject 、deleteIndex 、listIndexes 、usage |
配置环境变量
在[you_blog]
根目录下右键选择git bash
执行以下命令:
1 | export HEXO_ALGOLIA_INDEXING_KEY="上一步新创建的APIKEY" |
修改主题配置文件
在_config.butterfly.yml
中搜索algolia_search
并修改:
1 | # Algolia search(Algolia搜索) |
更新索引
在hexo
站点根目录下执行hexo algolia
来搜集数据更新到创建的Index
中
1 | hexo algolia |
接下来先在本地预览一下效果;
1 | hexo clean && hexo g && hexo s |
参考链接
- CSDN: Hexo集成Algolia实现搜索功能
- CSDN: Hexo成功集成【Algolia搜索】