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

一、新建一个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(右下角有提示授权的地方)。如果还是没有评论区的话,可以打开浏览器控制台看看错误提示。也欢迎在评论区提出你的问题!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容