Featured image of post Hugo博客使用utterances作为评论系统

Hugo博客使用utterances作为评论系统

Hugo 博客上的评论插件一直试了好多,但网上关于 hugo 的评论插件是太少了,找了好长时间都没有值得考究的。如: Disqus、gitment、gitalk、来比力… 这些都是国外的,加载速度确实不敢恭维,就目前为止,Disqus 官网还被墙了,gitment 由于其开发者很久没有维护,gitalk 还算行,gitment、gitalk 这两个评论服务是通过 GitHub 提供的 API 创建含有相应标签的 issue。

  1. 国内其实也有很多评论插件,如:有言(官网已经挂了)、畅言(搜狐出品)。还有来比力(韩国的,之前 hexo 博客用到过,加载速度也好慢),Valine(这个评论插件确实不错,但注册账号后还要用身份证号码信息认证,认证完后还要用支付宝扫码验证是不是本人的,基于安全考虑,暂时还是先不要用这个,不知道一个评论插件还要这么多程序)
  2. 其实第三方插件也还是要承担些安全责任的,发表不好的言论都是有些关系的。
  3. Hugo 推荐 utterances 和 gitalk 评论插件来使用。

Utterances 是一款基于 GitHub issues 的评论工具

相比同类的工具 gitment、gitalk 以及 disqus 评论工具,优点如下:

  1. 极其轻量
  2. 加载非常快
  3. 配置比较简单
  4. Disqus 这个工具配置也比较简单,也是免费的。但是,广告多,而且加载也比较慢。体验了一把 utterances 后,马上切换到 utterances。
  5. Utterances 是基于 github issue,拥有多种主题的开源免费小组件。

Hugo 博客配置使用 utterances

  • 首先在 github 上创建一个空仓库,如:hugoblogtalks,并且初始化设置,仓库必须是 Public,而不是私有的,这样我们的读者才可以查看以及发表评论。

  • 接着就是在 hugo 的配置文件(config. Toml)中启用 utterances,打开 config. Toml,添加如下:

1
2
3
4
5
6
## 配置 utteranc评论,教程参考 https://utteranc.es/
[params.utteranc]
  enable = true
  repo = "yunxd/hugoblogtalks" ##换成自己得
  issueTerm = "pathname"
  theme = "github-light"

Repo 的格式为:github 用户名 / 创建的仓库名

Github 上安装 utterances

  • 首先必须在 github 上进行安装 utterances,访问 utterances 应用程序 然后点击 Install 按钮进行安装。
  • 在这里可以选择可以关联的存储库,可以选择我们所拥有的库 (也包括未来建立的库) 或者某一个仓库,这里只选择某一个需要进行评论的库,这样比较好。

RSS Feed 使用 Hugo 构建
主题 StackJimmy 设计