从0到1 记录搭建Hugo个人博客-03 使用Algolia搜索
Hugo添加Algolia搜索支持 本文主要介绍如何在Hugo上增加Algolia的搜索支持,Alogolia官网
添加Algolia搜索支持主要以下步骤: ###1. 进入 Algolia 官网注册创建环境
个人使用选择免费版即可,可以满足日常需求了
地区若是国内则建议选择Hong Kong ,延迟较小效果比较好
最后提交即可
###2. 创建Application和Index 名称可自定义,我为了方便区别,创建都习惯用直接的域名作为名称 https://www.algolia.com/account/api-keys/all?applicationId=你的applicationId ###3. Hugo配置Algolia的环境
修改 config.toml 文件声明需要生成Algolia索引文件以及相关信息 [outputs]
home = [“HTML”, “RSS”, “Algolia”]
…中间省略
[outputFormats.Algolia]
baseName = “algolia”
isPlainText = true
mediaType = “application/json”
notAlternative = true
[params.algolia]
appId = “你的Application ID”
indexName = “你的索引名字”
searchOnlyKey = “你的Search-Only API Key”
注意outputs下面home的末尾有"Algolia",漏了就不会生成了。 appId, indexName, searchOnlyKey 填写刚才记录的Algolia信息。
根目录下 layouts/_default (没有就新建) 文件夹中新建 list.algolia.json 文件,内容如下: {{/* 生成Algolia搜索索引文件 /}}
{{- $.Scratch.Add “index” slice -}}
·hello-api.cn·