博客评论区搭建——utterances

博客主体搭建基本完成，但是作为静态网页目前并没有评论区功能。本博客即是记载了搭建博客评论区的过程和一些相关设置项的说明。这里我是基于Hexo-fluid，通过utterances来进行评论区搭建，整体而言非常轻松且快速，支持很好。

博客评论区搭建

对比了诸多博客评论区搭建的插件，国内的几个基本是无法考虑的，又要考虑到其成熟性，那么最后的选择就在Gitalk、Valine以及utterances中考虑了。最后我的选择是utterances，事实证明这确实是最轻松愉快的搭建方式。

1. 评论区仓库新建：utterances是基于GitHub issues来搭建的评论区，很有意思的一个设计。那么既然是基于此，就需要一个Github仓库来承载其评论系统，这里只需要新建一个空的公共仓库即可。

2. 安装utterances：在Github上安装utterances app。这里安装过之后下一次打开就显示的不是install而是configure了。配置上，选择刚刚新建的评论区仓库，安装即可。

3. 配置utterances：在https://utteranc.es/上配置相关选项。

   • 选择repo为之前选择的评论区仓库，这里需要填入的是username/reponame形式。
   • 在Blog Post ↔️ Issue Mapping中按需选择，这里我选择了根据title进行分组。
   • 剩下的如Issue Label可自行按需设置。
   • 复制最后Enable Utterances中的信息，可在后续设置中使用。这里基本就完成了配置设置，可以进行下一步fluid配置了。

4. 添加到Hexo-Fluid：打开fluid主题配置文件(_config.fluid.yml)，将comments:enable设置为true以开启评论，同时修改type设为utterances。随后在后面找到comments的具体配置，配置可参考之前复制的信息如下：

   utterances:
       repo: username/远程评论仓库名
       issue_term: title
       label: #
       theme: github-light
       theme_dark: github-dark
       crossorigin: anonymous

5. 评论：接下来就可以开心的进行评论了！utterances的配置的确是轻松+愉悦！如果想要关闭某博客的评论区，也可以直接在上方博客头设置中加上comments: false即可。这就是站在巨人的肩膀上吧。

参考：https://blog.csdn.net/weixin_43641850/article/details/105284634