写在开头的:

这个搭建的方法是在hexo下搭建的buttfly主题的,所以其他的主题是不是这样我也不清楚

大致流程:

1.首先在OAuth Apps下创建一个OAuth App,并记住Client ID和Client secrets,配置好Application name、Homepage URL和Authorization callback URL这三个;

2.打开主题配置文件,将comments中选的评论系统换成gitalk,在主题配置文件中找到gitalk的那一列,输入记住的Client ID和Client secrets,在进行一些简单的配置;

3.然后npx hexo clean、npx hexo g、npx hexo d或者是hexo clean、hexo g、hexo d。

(可能是我的安装hexo的时候有问题,所以我输入这个hexo命令的时候要在前面加上npx这个。哎~虽然有点问题,但不影响使用就不管,嘿嘿)

详细的步骤:

1.首先进入个人主页,点击头像;

个人主页

2.左边栏最下方就有一个Developer settings点击后就可以看见OAuth Apps。先点击OAuth Apps,再点击New OAuth App,配置配置Application name、Homepage URL和Authorization callback URL,带*号的是必填项;

配置参数 说明
Application name 应用名称
Homepage URL 放博客的仓库的地址(我填的是这个)
Authorization callback URL 域名地址(因为这里我写了我的域名后才实现的)

以下是OAuth Apps栏界面:
OAuth Apps栏界面

3.最后就是字主题配置文件里进行配置,具体那里填什么可以看那后面的注释;

1
2
3
4
5
6
7
8
9
10
11
12
13
gitalk:
enable: true # 默认为 false 改为 true
client_id: 4daa6fe617daa3021d47 # 你创建完之后会有 一个 id 把 ID 输入到这个地方
client_secret: 138d03bb109d48060352807e8c10bf20b0ec11ff # 以上同理
repo: Blog-Comments # 注意这个地方是存放评论的地方,写的是你的仓库名不是地址!!!
owner: kagamineworld # 写你的用户名就好了
admin: kagamineworld # 输入你的用户名就可以了
language: en
perPage: 10
distractionFreeMode: false # Facebook-like distraction free mode
pagerDirection: last
createIssueManually: true
count: false

这是我的配置

总结:

到此基本就结束了,这样做的话应该是没什么问题的,参考的博主真实的hello world: Hexo-butterfly评论系统配置: Gittalk,感谢博主。
(20220313)