前言

添加个评论功能耍耍~

资料

我的主题是 PaperMod，自然去主题文档里搜一搜，找到这个

再次传送到 hugo 官网

默认 Disqus，但我想要的是 GitHub comments，传送到 utterances

贴个描述，小而美

A lightweight comments widget built on GitHub issues. Use GitHub issues for blog comments, wiki pages and more!

Open source. 🙌
No tracking, no ads, always free. 📡🚫
No lock-in. All data stored in GitHub issues. 🔓
Styled with Primer, the css toolkit that powers GitHub. 💅
Dark theme. 🌘
Lightweight. Vanilla TypeScript. No font downloads, JavaScript frameworks or polyfills for evergreen browsers. 🐦🌲

开整

添加 utterances app

1. 确保评论仓库为 Public，我用的就是
2. 点击链接 添加 utterances app，并选择授权的仓库

按步骤创建 script

按文档，生成一个如下的 script

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

添加到博客合适位置

参考文档，将 script 添加到 comments.html 位置

修改 config.yml

  comments: 
    enabled: true
    provider: utterances
  utterances:
    repo: likontech/likontech.github.io
    issueTerm: pathname
    label: 碎碎念

如若有用或者遇到问题，可以在文章下评论试试，一起交流学习。