Hexo 集成 Gitalk 评论系统

什么是 Gitalk

Gitalk 利用了 GithubAPI 基于 GitHub Issue 和 Preact 开发的评论插件,
官方网址: https://gitalk.github.io
官方中文文档: https://github.com/gitalk/gitalk/blob/master/readme-cn.md

原文作者: xingguang
原文链接:http://www.tiance.club/post/1180153653.html

Gitalk 特性

1、使用 GitHub 登录
2、支持多语言 [en, zh-CN, zh-TW, es-ES, fr, ru]
3、支持个人或组织
4、无干扰模式(设置 distractionFreeMode 为 true 开启)
5、快捷键提交评论 (cmd|ctrl + enter)

集成流程

Hexo主题基本都继承Gitalk我们只需在在github上面注册对应的秘钥填入hexo主题的_config.yml配置即可。
原文作者: xingguang
原文链接:http://www.tiance.club/post/1180153653.html
**1、在GitHub上注册新应用,链接:https://github.com/settings/applications/new **

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2WOx1B5i-1588647009558)(https://imgconvert.csd2nimg.cn/aHR0cDovL2ltYWdlcy50aWFuY2UuY2x1Yi9wMjJvMjRtZC5wbmc?x-oss-process=image/format,png)]

参数说明:
Application name: # 应用名称,随意
Homepage URL: # 网站URL,如https://www.tiance.club
Application description # 描述,随意
Authorization callback URL:# 网站URL,https://www.tiance.club

点击注册后,页面跳转如下,其中Client ID和Client Secret在后面的配置中需要用到,到时复制粘贴即可:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tiabfsWF-1588647005627)(https://imgconvert.csdnimg2.cn/aHR0cDovL2ltYWdlcy50aWFuY2UuY2x1Yi8yMDIwMDMwNDE1MTMwNzEucG5n?x-oss-process=image/format,png)]

原文作者: xingguang
原文链接:http://www.tiance.club/post/1180153653.html
2、申请一个仓库做评论存储
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yHAQ8Zww-1588647000764)(https://imgconvert.csdni1mg.cn/aHR0cDovL2ltYWdlcy50aWFuY2UuY2x1Yi8yMDIwMDMwNDE1MTkzOC5wbmc?x-oss-process=image/format,png)]

需要记住的是仓库名,到时需要填入hexo的_config.yml配置中
原文作者: xingguang
原文链接:http://www.tiance.club/post/1180153653.html
3、打开对应hexo主题的_config.yml添加如下内容:
gitalk:
enable: true
githubID: github帐号 # 例:asdfv1929
repo: 仓库名称 # 例:blog
ClientID: Client ID
ClientSecret: Client Secret
adminUser: github帐号 #指定可初始化评论账户
distractionFreeMode: true

原文作者: xingguang
原文链接:http://www.tiance.club/post/1180153653.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值