使用 Utterances 给 Hugo PaperMod 主题添加评论系统

这里以 PaperMod 主题为例,其他主题可能有细微差别,但大同小异。

安装 Utterances

首先要有一个 GitHub 仓库。如果是用 GitHub Page 托管网站就不需要额外创建,如果没有就自己创建一个,用来存放评论。

然后去 https://github.com/apps/utterances 安装 utterances。选择你要存放留言的仓库(也可以所有仓库,但是不推荐)

复制以下代码,repo 要修改成自己的仓库,主题等可见 https://utteranc.es/

1
2
3
4
5
6
7
<script src="https://utteranc.es/client.js"
repo="[ENTER REPO HERE]"
issue-term="pathname"
theme="github-light"
crossorigin="anonymous"
async>
</script>

配置 Hugo

在主题配置目录下创建 layouts/partials/comments.html 文件,并添加上述内容

然后根据 PaperMod 文档,打开 config.yml 文件,添加以下内容

1
2
params:
comments: true

最后运行 Hugo 重新生成网站即可。打开网站,等 utterances 生效。效果如下👇


使用 Utterances 给 Hugo PaperMod 主题添加评论系统
https://xxiaoa.github.io/posts/7bde847e/
Author
XXiaoA
Posted on
April 6, 2022
Licensed under