关于 utterances

参考官方文档:utterances

一个基于GitHub issues 构建的轻量级评论小部件!

  • 开源工具 🙌
  • 无跟踪,无广告,永远免费 📡🚫
  • 所有数据都保存在 github 的 issues 🔓
  • 使用 Primer , 这是一个支持 GitHub 的 css 工具包 💅
  • 黑暗主题 🌘
  • 轻量,不需要下载字体等 🐦🌲

PaperMod 主题配置 utterances

创建 github 仓库

在github创建一个公共代码仓库用于保存个人博客的评论内容,例如我创建了blog_comments

授权安装 utterances

进入utterances app 对自己所要保存评论的仓库授权

编辑 comments 配置

建议在根目录layouts\partials下创建comments.html文件并编辑:

<!-- github comments -->
<div>    
    <div class="pagination__title">
        <span class="pagination__title-h" style="font-size: 20px;">评论</span>
        <hr />
    </div>
    <div id="tcomment"></div>
    <script src="https://utteranc.es/client.js"
            repo="添加你的个人评论仓库名称" 
            issue-term="title"
            theme="github-light"
            crossorigin="anonymous"
            async>
    </script>
</div>

编辑 config.yml 配置

params下添加:

utteranc:
    enable: true
    repo: "添加你的个人评论仓库名称" 
    issueTerm: "title"
    theme: "github-light"  

效果展示

大家可以在下方登录 github 账号评论,这是我的 github 评论仓库 🏚️🌳