banner
NEWS LETTER

Hexo博客引入Giscus评论系统

Scroll down

其实将Giscus评论系统引入Hexo博客中操作很简单,但是想到自己一开始看着Hexo-Theme-Async文档所介绍的操作依然不知所措的场景,最后还是决定写篇文章讲讲具体的流程。

一、前言

Giscus是由Github Discussions实现的评论系统,它主要有三个优点:①开源;②无跟踪、无广告且永久免费;③无需数据库,所有数据均存储在Github Discussions中。

1.工作原理

Gicsus使用Github Discussions作为数据库存储博客下面的评论。Giscus插件加载时会使用Github Discussions搜索API根据选定的映射方式(如URL、Pathname等)来查找与当前页面关联的discussion。若找不到匹配的discussion,Giscus bot就会在第一次有人留下评论或回应时自动创建一个discussion。访客通过登录Github账号在博客页面进行留言,而作者可以在Github对应仓库上管理评论。

二、具体流程

1.引入Giscus

Hexo主题Hexo-Theme-Async支持Giscuss评论,因此引入步骤很简单,具体流程如下:

  • 在Github上选择一个仓库作为存储Discussions的仓库,一般选择博客本身所在的仓库(e.g.Github用户名/Github用户名.github.io),当然也可以新建一个仓库。
  • 安装Giscus
  • 开启作为存储Discussions仓库的Discussions功能: 选择GIthub仓库->Settings->Features模块中勾选Discussions

2.配置Giscus

上述操作完成后,进入Giscus官网获取配置信息,填写完仓库分类后就可在显示配置信息,生成的配置信息样例如下:giscus配置信息样例
分类可以选择AnnouncementsQ&A等,不一定按照推荐选择分类。

在此配置信息中我们只需关注data-repodata-repo-iddata-categoriesdata-category-id这些信息。

3.引入至博客

_config.async.yml中配置如下:Hexo配置文件
图中打码部分为专属配置信息,其中theme主题可自己更改,可供选择主题可在Giscus官网查看。

4.效果视图

白天模式下:giscus_exmaple
黑夜模式下:giscus_example_dark
评论的管理可在Github中对应仓库的Discussions中实现

其他文章
请输入关键词进行搜索