← 全部文章
Hexo博客

Hexo Butterfly 主题接入 Gitalk 与 Valine 评论

约 2 分钟SIKUAI

使用Gitalk

Gitalk界面

登录GitHub新建

第一步登录你的GitHub ,此处默认你有GitHub账号并有基础的阅读理解能力。
点击右上角的头像,选择“settings”,在左栏底部找到“Developer settings”, 或者直接点击 Developer settings ,选择"OAuth Apps" ,点击New OAuth App新建一个。


名字随便起,下面填上博客主页链接,回调地址填自己域名就行(我的是GitHub page绑定了一个cname,所以填的自己的域名),

获取ID

填完以后会获取到client ID和 Client secrets,这里码上了。

我们复制两个值来到butterfly的配置文件 _config.butterfly.yml

repo是存放的仓库repo,我这里填的就是 io 的仓库。当然,你也可以去新建一个。owner 填自己的 github 账号名,配置完成可以自己评论一下试试。

valine

因为GitHub在国内属于半墙状态,且gitalk需要GitHub登录使用,考虑到用户体验,且butterfly支持两个评论组件切换,这里再配置一个valine评论组件
#样式如下

Valine网址

获取APP ID 和 APP Key

请先登录或注册 LeanCloud, 进入控制台后点击左下角创建应用
LeanCloud国内需要实名认证,填入姓名和身份证号并使用支付宝扫脸免费完成认证。
或者选择上方的华北为国际版,国际版操作一样但是域名无需备案,账号不用实名。
点击创建应用名字随便,选择开发版,点击右下角设置。

如图获取ID,防止泄露这里码上了

填入butterfly的配置文件


效果如图