第三方评论Gitalk 配置,社会化评论
2018年10月18日前言
经过我用一天的时间比较,畅言,友言,Gitalk,来必力等平台,我最终使用Gitalk,因为畅言需要备案,友言关闭平台,来必力速度太慢了,最终我使用Gitalk,Gitalk是基于Github Issue和Preact的现代评论组件。
效果图
小屏幕效果
全屏效果
配置
第一步将代码粘贴到相应位置
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<!--评论开始--> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css"> <script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script> <div id="gitalk-container"></div> <script> const gitalk = new Gitalk({ clientID : 'GitHub Application Client ID', clientSecret : 'GitHub Application Client Secret', repo : 'GitHub repository', owner : 'GitHub repository 所有者,可以是个人或者组织', admin : 'GitHub repository 的所有者和合作者 (对这个 repository 有写权限的用户)。', id : '页面的唯一标识。长度必须小于50', language : 'zh-CN', distractionFreeMode : false, }) gitalk.render('gitalk-container') </script> <!--评论结束--> |
第二步获取clientID和clientSecret
注册成功之后你就会看到clientID和clientSecret
第三步获取 repo库参数
你要克隆一个库,点击这里,这样你就有一个库了
第四步开启
和 Issues
owner和admin是这个拥有着的名称,我是,填写用户名就可以。