Hexo博客添加评论功能

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

1. 评论功能概述

目前博客站点使用的评论功能，多说，网易云跟贴都已经下线。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 账号，省去用户注册的麻烦，用户体验会更好一些．

1.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 可以看到评论区

2. 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

• 解决方案

3. 相关阅读

使用 Hexo 搭建自己的博客网站

Hexo 命令详解

Hexo 博客添加评论功能

Hexo 配置 Next 主题

Hexo 博客搜索引擎优化