#1 使用 utterances 开源评论框
utterances 开源评论框 Disqus 网站 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