3-hexo评论功能配置

目前 3-hexo 主题已集成多种主流评论系统,包括:Gitalk来必力Utterances 等,本文将依次介绍它们的配置方式。


一、Gitalk(推荐)

Gitalk 是一款基于 GitHub Issue 和 Preact 开发的评论插件,官网:https://gitalk.github.io/

1. 注册 GitHub OAuth 应用

登录 GitHub,前往 注册页面,点击 New OAuth App 创建应用:

  • Application name:自定义名称

  • Homepage URL:如 https://yourname.github.io

  • Authorization callback URL:如 https://yourname.github.io

创建完成后获取 Client IDClient Secret

2. 新建评论仓库

Gitalk 使用 Issue 存储评论,需创建一个仓库作为评论承载容器,推荐使用 GitHub Pages 仓库,如:yourname.github.io

3. 修改主题配置

在主题的 _config.yml 中进行如下配置:

# 开启评论
comment:
  on: true
  type: gitalk
# gitalk 配置
gitalk:
  githubID: yourname                # GitHub 用户名
  repo: yourname.github.io         # 评论仓库名
  ClientID: xxxxxxxxxxxxxxxxx      # 第一步获取的 Client ID
  ClientSecret: xxxxxxxxxxxxxxxxx  # 第一步获取的 Client Secret
  adminUser: yourname              # 管理员 GitHub 用户名
  distractionFreeMode: true
  language: zh-CN
  perPage: 10

二、来必力(Livere)

Livere 是国内外通用的社会化评论系统,官网:http://livere.com/

1. 注册账号并获取代码

  • 注册并登录 Livere,点击安装,选择「City 免费版」

  • 获取代码中的 data-uid(如:MTAyMC81NTY3Mi8zMzc2Mg==

2. 修改主题配置

# 配置 data_uid
livere:
  data_uid: MTAyMC81NTY3Mi8zMzc2Mg==

# 启用评论系统
comment:
  on: true
  type: livere

三、Utterances

Utterances 是一个轻量级、基于 GitHub Issue 的评论系统,官网:https://utteranc.es/

1. 安装 Utterances 应用

前往官网点击安装,将它授权到你用于存放评论的 GitHub 仓库。

2. 修改主题配置

# 配置 Utterances 参数
utteranc:
  repo: yourname/yourrepo         # 承载评论的仓库
  issue_term: pathname            # 与文章绑定方式,可选 pathname、url、title 等
  label: utteranc                 # 创建 Issue 时的标签
  theme: github-light             # 主题,支持多种主题样式

# 启用评论
comment:
  on: true
  type: utteranc

小结对比

评论系统 优点 缺点
Gitalk GitHub 原生支持,UI美观 需 GitHub 登录,首次加载慢
来必力 国内访问快,社交平台接入多 广告较多
Utterances 极速加载,轻量、优雅 也依赖 GitHub,定制性略少

欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 1701220998@qq.com
导航页 GitHub