体验Hexo 增加utterances评论功能

本文最后更新于:3 个月前

Hexo的妙处是生成静态页面,那么可以有互动的评论功能吗?在HTTP API横行的今天,答案是肯定的,那么如何配置呢?

配置Hexo的评论

  • 需要先确定你的Theme是否支持评论功能,可以在Theme的yml或者介绍中查找,如果没找到,就不用想继续看了
  • 设计精良的Theme往往会提供多个评论插件,今天介绍的是utteranc.es,该插件依托于github的issue管理,发表者需要登陆github并授权才能发表评论
  • 首先,访问 utteranc.es,按照提示进行安装,需要注意,因为是委托utteranc.es管理issue,所以只授权github.io对应的project即可,不要过度授权
  • 其次,在授权project的github issue管理控制台,新增用于utteranc.es管理评论的tag,比如hexo
  • 再次,在utteranc.es网页回填repotag名称,同时设置评论标题与页面的对应关系和样式,建议对应关系使用pathname
  • 最后,utteranc.es会在页面显示完整的代码块,根据这些代码在Theme yml中进行相应设置,并开启评论功能
  • 最最后,在page或者post中可以通过设置comment: true|fale控制是否允许评论