Hugo配置algolia搜索

uyaki 收录于 blog

2023-04-16 2024-01-11 约 600 字预计阅读 2 分钟

Usage

注册algolia

注册algolia账号
创建一个新的application。Settings（左下角）->General->Applications->Create Application 计划选择Free即可
创建Index，如xxx-blog
进入Settings（左下角）->Team and Access->API Keys->Your API Keys，配置文件需要使用的

appID就是这里的Application ID
key就是这里的Admin API Key

添加配置

在配置文件中使用，config.toml

 1
 2
 3
 4
 5
 6
 7
 8
 9
10


[params]
  [params.search]
    enable = true
    # 搜索引擎的类型 ["lunr", "algolia", "fuse"]
    # type of search engine ["lunr", "algolia", "fuse"]
    type = "algolia"
    [params.search.algolia]
      index = "uyaki_blog"
      appID = "" ## 填入 `Application ID`
      searchKey = "" ## 填入 `Admin API Key`

注意

使用了FixIt主题，其他主题的配置可能略有差异

上传

安装hugo-algolia

1

npm install hugo-algolia -g

根目录下添加配置文件 config.yaml

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14


---
## algolia配置，使用hugo-algolia -s上传
baseurl: "/"
DefaultContentLanguage: "zh-cn"
hasCJKLanguage: true
languageCode: "zh-cn"
title: "uyaki.github.io"
theme: "FixIt"
metaDataFormat: "yaml"
algolia:
  index: "uyaki_blog"
  appID: "" ## 填入 `Application ID`
  key: "" ## 填入 `Admin API Key`
---

使用hugo-algolia上传

1

hugo-algolia -s

成功

$ hugo-algolia -s

JSON index file was created in public/algolia.json

{ updatedAt: ‘2023-04-16T07:59:07.752Z’, taskID: 1918050002 }

命令执行完成后会在public目录下面生成一个algolia.json的文件，此时在官网的 dashboard 中打开 Indices，可以看到数据了。

赞赏

支付宝

微信