插件选择

这里选择了 giscus，因为不需要部署，也不需要服务器，只需要 github 建立一个评论区仓库和 giscus 插件关联就好，避免了需要二级域名的烦恼，而且还可以在自己的评论库里管理。

免费且开源：作为一款基于 GitHub Discussions 的评论系统，giscus 对个人用户完全免费，且遵循 MIT 开源许可协议，确保了使用的透明性和灵活性。

一键集成：giscus 提供简洁易用的配置界面和丰富的文档支持，只需几步简单的设置，即可将评论功能无缝嵌入到您的博客中，大大节省了从头开发所需的时间和精力。

移植性强：无论您使用的是静态站点生成器（如 Jekyll、Hugo、Hexo 等）、CMS 系统（如 WordPress、Ghost 等）还是自建网站，giscus 都能轻松适应，确保评论功能在各种平台上的良好运行。

服务稳定可靠：依托于 GitHub 的强大基础设施，giscus 享有高度的稳定性和安全性。用户评论数据存储在您的 GitHub 仓库中，既便于管理，也免去了自行维护数据库的困扰。

步骤

1.安装插件

新建评论仓库名称随便，但要开启Discussions功能，打开新建仓库的设置下的General
图片描述
下滑找到Discussions并勾选
图片描述
安装giscus访问地址：https://github.com/apps/giscus 可以对你的github进行giscus的安装。点击右侧的install按钮进行安装即可，安装完后显示的页面如下：
图片描述
依次选择Only select repositories——Select repositories——选择你新建的评论 仓库。点击Install安装

关联自己的评论库并保存
图片描述

2.来到 Giscus 官网

仓库：填写 Github Pages 仓库名
页面 ↔️ discussion 映射关系：Discussion 的标题包含页面的 pathname
Discussion 分类：Announcements

图片描述

获取到js代码

图片描述

3.对接插件在_config.async.yml中插入

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
comment:
  giscus:
    enable: true
    repo: 
    repo-id: 
    category: Announcements
    category-id: 
    mapping: pathname
    reactions-enabled: 1
    input-position: top
    emit-metadata: 0
    lang: zh-CN
    theme:
      light: light
      dark: transparent_dark

里面的 repo,repo-id,category-id: 对应刚刚获取的giscus中的data-repo,data-repo-id,data-category-id,以此填入即可

4.效果

运行

1
2
3
hexo clean 
hexo g
hexo s

图片描述