目前 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.ioAuthorization callback URL:如
https://yourname.github.io
创建完成后获取 Client ID 和 Client 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