hexo-fluid添加utterances评论功能

本文最后更新于:2020年9月15日 晚上

8.21 更新:

  • 请使用最最新版fluid(目前是1.83)

  • 请使用最最新版fluid(目前是1.83)

  • 请使用最最新版fluid(目前是1.83)

虽然时小白一枚,但觉得给博客添加个评论区应该还是挺简单的,但没想到竟因为英语太菜踩了一下午雷(黑脸),网上也暂时搜不到针对Hexo-Fluid添加评论的教程,于是忽草草地做了个记录避免再次踩坑。

一、新建一个github仓库

首先创建一个公开的github仓库,按下图填完信息后Create repository创建
新建github仓库

二、安装utterances

安装utterances app(点击前往安装),install(安装)按钮未登陆github时不会显示,已安装则显示的是configure。(为了演示笔者还特地卸载重装了一遍)

在这里插入图片描述

选择刚刚建好的github仓库,然后点击安装
在这里插入图片描述

三、配置

前往配置

在这里插入图片描述

  • 建议选择第三个
    在这里插入图片描述

  • 【可选项】根据个人需求选择是否为issue打上标签(label)。作为小白的我就暂时不设置了(留空)
    在这里插入图片描述

  • 然后是主题,根据个人喜好选择吧
    在这里插入图片描述

  • 上述步骤填写完成后,最后一栏会根据你前面的操作自动生成配置信息(后面会用到)
    在这里插入图片描述
    到此,对utterances的配置就完成了,接下来把它应用到我们的Hexo-Fluid

四、添加到Hexo-Fluid

打开配置文件(hexo/themes/fluid/_config.yml),将enable设置为true以开启评论
在这里插入图片描述
然后在后面找到comments的具体配置
在这里插入图片描述
修改后保存文件,重启hexo, 就可以看到文章下多了评论区啦!
在这里插入图片描述
如果发现有评论区但无法评论,可能是没有授权github(右下角有提示授权的地方)。如果还是没有评论区的话,可以打开浏览器控制台看看错误提示。也欢迎在评论区提出你的问题!


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!