本文最后更新于:2 分钟前

Github端

  1. 创建GitHub仓库用于保存评论(记得设置为公开仓库)

  2. 通过这个链接为你的仓库添加一个utterances app,在配置页面选择你要用于保存评论的github仓库

  3. 在utterances官网根据提示获取用于配置的代码(之后这部分代码将嵌入到文章模板页中)

    1. 设置仓库名所在的路径(使用第一步创建的仓库)

      image-20200727003959338

    2. 设置每条评论的名称(即issue的名称),这里我选择是把文章的标题作为评论的名称image-20200727004415005

    3. 设置issue的标签(可选),这里可以随意image-20200727004518633

    4. 当你完成1-3步时,改网页会自动生成配置代码,复制下来,之后要用到image-20200727004644133

Hexo端

我本来想用灵活嵌入的方法(即只需在Fuid配置文件中配置相关项,无需手动嵌入到文章模板页),但是期间遇到一个bug始终无法解决,最后决定采取直接嵌入式的方法。

接下来我将介绍直接嵌入式的方法(将utterance评论区直接嵌入到文章模板页,这个文章模板页post.ejs在我的电脑位于...\themes\fluid\layout\post.ejs

找到评论区部分(Ctrl+F 搜索comments进行定位),先删去Fluid主题有关comments的代码,然后将前面获取到的配置代码拷贝进来,如下图所示

image-20200720211718773

最后,在Fluid配置文件中让comment的配置项enable: true,即可开启评论。

image-20200727005130208

此时重新生成静态文件然后部署网站即可看到评论。

image-20200720211922988