参考官方文档:utterances

1. 创建一个存储评论系统的仓库

先创建一个仓库,一定要是公开的,比如我的是comments

2. 授权评论系统

点击链接,选择你刚才创建的仓库。

3. 在hugo主题中新建一个模块comments

路径:themes/mytheme/layouts/partials/comments.html,粘贴代码

<div>    
    <div class="pagination__title">
        <span class="pagination__title-h" style="font-size: 20px;">评论</span>
        <br/>
    </div>
    <div id="tcomment"></div>
    <script src="https://utteranc.es/client.js"
            repo="你的github用户名/你创建的仓库名" 
            issue-term="title"
            theme="github-light"
            crossorigin="anonymous"
            async>
    </script>
</div>

修改repo=“你的github用户名/你创建的仓库名” ,例如我的repo=“arkleselect/comments” 然后在你的hugo中控制文章页面的代码中引用comments 我的是在single.html

 {{ partial "comments.html" . }}

4. 修改配置文件

在hugo的根目录配置文件中添加参数 💡注意不是主题文件夹的配置文件 如果配置文件是yaml结尾的文件(config.yaml)则粘贴如下代码

utteranc:
    enable: true
    repo: "你的GitHub用户名/你创建的仓库名" 
    issueTerm: "title"
    theme: "github-light"  

修改repo: “你的GitHub用户名/你创建的仓库名” ,例如我的repo=“arkleselect/comments” 如果你是toml结尾的文件(hugo.toml),选择这个

[params.utterances] 
    enable = true
    repo: "你的GitHub用户名/你创建的仓库名" 
    issueTerm = "title"
    theme = "github-light"

参考 https://www.shaohanyun.top/posts/env/hugo_comments/ ~