Giscus

创建新仓库

在github上创建一个新仓库，名称任意，设置为仓库公开，在Features中勾选Discussions。

安装配置Giscus

（1）点击链接安装配置Giscus：Github Apps - giscus。

（2）配置完成后点击Giscus网址进行配置，跳转giscus。

（3）在仓库框中输入用户名/创建的仓库名。

（4）在页面 ↔️ discussion 映射关系中选择Discussion 的标题包含页面的 URL。

（5）Discussion 分类选择 Announcements。

（6）特性和主题部分自行选择。完成后，将启用 giscus中的script内容填入blog\_config.butterfly.yml文件中评论配置部分。

1
2
3
4
5
6
7
8
9
10
11
12
13
comments:
  use: Giscus  

# Giscus
# https://giscus.app/
giscus:
  repo: #用户名/创建的仓库名
  repo_id: 
  category_id: 
  light_theme: light
  dark_theme: dark
  js: #可不填
  option:

Gitalk

创建新仓库

在github上创建一个新仓库，名称任意，设置为仓库公开。

安装配置Gitalk

（1）点击New OAuth Application，注册GitHub OAuth app。

（2）点击Register application，跳转至新页面后，点击Generate a new client secret，并复制创建好的Client secrets。

（3）在blog\_config.butterfly.yml文件中评论配置部分。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
comments:
  use: Gitalk  

# Gitalk
# https://github.com/gitalk/gitalk
gitalk:
  client_id: #Client ID
  client_secret: #Client secrets
  repo: #仓库名
  owner: #GitHub用户名
  admin: #GitHub用户名
  option:
      language: zh-CN
      #每页展示数量，最多100
      perPage: 10
      #评论框的全屏遮罩效果
      distractionFreeMode: false
      #评论排序方式last、first
      pagerDirection: last
      #GitHub issue的标签
      labels: ['Gitalk']
      #是否启用快捷键(cmd|ctrl + enter) 提交评论
      enableHotKey: true
      #评论列表的动画 
      flipMoveOptions: Fade
      #GitHub oauth 请求到反向代理
      proxy: https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token

博客搭建系列文章
  1. Hexo-Butterfly美化教程-[1]基础环境
  2. Hexo-Butterfly美化教程-[2]Butterfly主题安装
  3. Hexo-Butterfly美化教程-[3]建主要页面
  4. Hexo-Butterfly美化教程-[4]修改配置文件
  5. Hexo-Butterfly美化教程-[5]安装常用插件
  6. Hexo-Butterfly美化教程-[6]开启博客评论
  7. Hexo-Butterfly美化教程-[7]功能魔改(源码方式)
  8. Hexo-Butterfly美化教程-[8]随鼠标变幻的动态粒子线条背景
  9. Hexo-Butterfly美化教程-[9]繁沙
  10. 在Github上使用OsmosFeed搭建在线RSS阅读器（无需服务器）