Hexo博客添加评论功能

• 1. 背景说明
• 2. 评论功能概述
  • 2.1. 开启Utterances评论功能 (推荐)
• 3. 参考文章
• 4. Trouble Shooting

1. 背景说明

• 考虑到每篇博客都有可能有错误的地方，需要用户及时反馈，我能相应的做出修改，逐渐完善整个博客系统，所以评论功能对我来说非常重要．

2. 评论功能概述

目前博客站点使用的评论功能，多说，网易云跟贴都已经下线。Disqus也被挡在墙外，友言貌似也不行。

可用的评论系统大概有：

• HyperComments：https://www.hypercomments.com （来自俄罗斯的评论系统，使用谷歌账号注册。可以访问，不会用，好气．）

• 来必力：https://livere. （来自韩国，使用邮箱注册。）

• Utterances: https://utteranc.es (github账号登录，使用github issue来存储评论)

• 畅言： http://changyan.kuaizhan.com （安装需要备案号。不太好用。）

• Gitment： https://github.com/imsun/gitment （有点小bug，比如说每次需要手动初始化，登录时会跳到主页。）

• Valine: https://github.com/xCss/Valine (基于Leancloud的极简风评论系统，用了下，没效果，是我Next主题的原因还是？）

综上，最终采用了Utterances，理由：安装配置简单，本人的博客偏向技术博客，大多数技术人员几乎都有github账号，省去用户注册的麻烦，用户体验会更好一些．

2.1. 开启Utterances评论功能 (推荐)

• 比较了几个第三方评论插件，还是Utterances配置最简单，权限最小最安全

• 创建存放 comments 的代码仓库，必须为 public，且可创建 issue。

• install utterances app 点击这个链接安装 utterances app 到刚刚创建的那个仓库。

  • 点击安装，选择你用来存放评论的库，选择相应的权限，点击保存．

• 编辑主题配置文件 themes/next/_config.yml

  # Utterances
  # For more information: https://utteranc.es
  utterances:
    enable: true
    repo: yoour_github_id/the_repo_name_to_store_comments # Github repository name
    # Available values: pathname | url | title | og:title
    issue_term: pathname
    # Available values: github-light | github-dark | preferred-color-scheme | github-dark-orange | icy-dark | dark-blue | photon-dark | boxy-light
    theme: github-light
  
  

• 编辑站点配置文件 _config.yml

    # URL
    ## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'
    url: https://your_site_url
  

• 重启即Hexo可以看到评论区

3. 参考文章

Hexo博客优化之实现来必力评论功能
博客使用 utterances 作为评论系统

4. Trouble Shooting

1. 评论区点击登录后，登录成功授权成功后被导航至example.com的问题

• 原因分析
  • 站点配置有一项，默认配置是http://example.com, utteranc默认去读这个配置，作为验证授权后返回的站点，需要修改这个url

  # URL
  ## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'
  url: https://guoapeng.github.io

• 解决方案