#1 使用 utterances 开源评论框

2021-07-22

本站的评论框(Disqus)不知道为啥死活打不开(net::ERR_SSL_PROTOCOL_ERROR),不知道是被某种特殊力量给控制住了,还是别的什么原因。
不想折腾它了,直接切到 utterances 算了。
我本来想,反正也没有人评论,无所谓啦。但时间一长,总在心里挂念这件事,万一有个热心读者想要评论呢!

utterances 是一款依托 GitHub Issue 的开源评论框,所有评论数据都在 GitHub 上。
然后这个仓库是我的,数据当然完全掌握在自己手上,用的放心。

我写博客好些年了,评论框换过好多次,总是垮,最后换 Disque 就是图稳定,但还是不让人省心,这回换到 GitHub 上来了,应该绝对不会有问题了吧!

第一步:安装

utterances app,应该是允许它访问我的某个仓库,读写 Issue。

第二步:<script> 标签

从官网点几个选择框,然后就可以复制出来,粘贴到需要显示评论框的地方(会在那个后面插入一个 iframe)。

<script
  src="https://utteranc.es/client.js"
  repo="markjour/markjour.com"
  issue-term="pathname"
  theme="github-light"
  crossorigin="anonymous"
  async
></script>

不完美的地方:框子太窄

好在是根据最外围的 div 控制的,直接加一行:

div.utterances {
  max-width: none !important;
}

补充

wget https://utteranc.es/client.js -O static/utteranc/client.js
wget https://utteranc.es/client.js.map -O static/utteranc/client.js.map