一、新建一个github仓库

首先创建一个公开的github仓库,按下图填完信息后Create repository创建
hexo-fluid添加utterances评论功能(详细图文过程)

二、安装utterances

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

hexo-fluid添加utterances评论功能(详细图文过程)

选择刚刚建好的github仓库,然后点击安装
hexo-fluid添加utterances评论功能(详细图文过程)

三、配置

hexo-fluid添加utterances评论功能(详细图文过程)
建议选择第一个
hexo-fluid添加utterances评论功能(详细图文过程)

【可选项】根据个人需求选择是否为issue打上标签(label)。作为小白的我就暂时不设置了(留空)
hexo-fluid添加utterances评论功能(详细图文过程)
然后是主题,根据个人喜好选择吧
hexo-fluid添加utterances评论功能(详细图文过程)
上述步骤填写完成后,最后一栏会根据你前面的操作自动生成配置信息(后面会用到)
hexo-fluid添加utterances评论功能(详细图文过程)
到此,对utterances的配置就完成了,接下来把它应用到我们的Hexo-Fluid

四、添加到Hexo-Fluid

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

相关文章: