前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Hexo主题Next配置algolia站内搜索

Hexo主题Next配置algolia站内搜索

作者头像
AomanHao
发布2022-01-14 09:28:46
1.2K0
发布2022-01-14 09:28:46
举报

Hexo主题Next配置algolia站内搜索

Algolia是一家为网站与移动应用提供托管式搜索API的初创企业,成立于2012年,总部位于旧金山,曾参加过去年的YC训练营。网站或移动应用只需嵌入简单代码数分钟即可实现搜索功能。

实现的效果如下

search

注册Algolia 打开Algolia进行注册。可直接使用github账号进行注册。

创建index 点击 NEW INDEX创建一个新的indexIndex Name 后面会使用到。 INDEX

编辑KEY 点击侧边栏API Keys可以看到 Application IDSearch-Only API KeyAdmin API Key。后面我们需要用到。 点击 ALL API KEYS,编辑KEY。

安装hexo-algoliasearch插件 在Hexo的根目录下执行

代码语言:javascript
复制
$ npm install hexo-algoliasearch --save

配置站点信息 打开 站点配置文件,添加algolia配置信息。

代码语言:javascript
复制
algolia:
  applicationID: 
  apiKey: 
  adminApiKey: 
  indexName: #创建index使用的Index Name
  chunkSize: 5000

打开 主题配置文件,添加algolia配置信息。

代码语言:javascript
复制
# Algolia Search
algolia_search:
  enable: true
  hits:
    per_page: 10
  labels:
    input_placeholder: Search for Posts
    hits_empty: "We didn't find any results for the search: ${query}"
    hits_stats: "${hits} results found in ${time} ms"

在环境变量中添加 HEXO_ALGOLIA_INDEXING_KEY, 在Hexo的根目录执行

代码语言:javascript
复制
$ export HEXO_ALGOLIA_INDEXING_KEY=粘贴上一步复制的 API KEY

再次执行

代码语言:javascript
复制
$ hexo clean
$ hexo algolia

至此,我们的工作就完成了。

参考:

Hexo+next 添加搜索功能

Hexo+Next集成Algolia搜索

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019 年 01 月,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • search
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档