简介

网站虽小，但评论功能不能少，万一哪天有老哥想跟我唠嗑呢？先用utterances搞个评论功能撑撑场面。

前言

看阮一峰老哥的博客评论才反应过来，Hugo搭建的静态网站没有自带的评论功能，还需要三方支撑，不过支持种类倒是不少：

P1

这里为了简单点，我采取了方案Utterances

本网站的环境：

theme: PaperMod
config: yml

需要做的事:

  1. 一个pulic repo: 由于我本身就用了两个repo(一个私有源码，一个自动构建后的github pages)，所以我直接把评论也放到构建后的repo
  2. 上面的repo需要安装utterances
  3. 配置参数和模板

添加需要的参数，config\_default\params.yml：

utter:
  repo: desiyonan/zone
  issueTerm: title #设置每篇文章对应的 issue 的名字，可选 pathname title url，
  theme: github-light
  # theme: photon-dark

如果是config.toml或config.yml需要适当调整，我的配置都是单独拆分文件管理的，具体不赘述。

添加模板文件，layouts\partials\comments.html:

{{- if .Site.Params.utter.repo -}}
    <div id="utter-container"></div>
    <script src="https://utteranc.es/client.js"
        repo= '{{ .Site.Params.utter.repo }}'
        issue-term= "{{ .Site.Params.utter.issueTerm }}"
        theme= '{{ .Site.Params.utter.theme }}'
        crossorigin= "anonymous"
        async>
    </script> 
{{- end }}

至此完工。

不过需要注意的是，这里我使用的是文章title作为记录评论的依据，如果title改变将导致原有的评论丢失，不过一般不会修改标题，还有黑白调的切换这里还不能控制，后面再优化吧。

参考

  1. utteranc.es
  2. 给hugo博客添加评论功能