jsp评论区代码GitHub上一款超好用的第三方评论插件Gittalk

2. Gitalk 最初推出来，该当是想合营在 github 上建博客，方便添加评论功能的。
随着其他评论插件的没落，Gitalk 就火起来了。
Gitalk 是一个基于 Github Issue 和 Preact 开拓的评论插件。
它除了支持 Hexo 外，还支持 java，php 等措辞开拓的博客。

详情请参考：官网

利用方法：

jsp评论区代码GitHub上一款超好用的第三方评论插件Gittalk Ruby

1.首先须要到GitHub上去新建一个仓库用于存放评论的内容：

　2.在设置中打开isue功能：

默认是打开的

3.须要注册一个Github Application详细步骤如下：

把稳两个URL便是你网站的域名。
运用名称随便写，描述随便写。

(2)完成之后便到了如下页面：

个中Client ID 和 Client Secret是我们须要的东西。

4.如上步骤完成之后，接下来你就会体验到Gitralk 的方便之处：

只须要将如下代码引入你想添加评论的 html 或者 jsp 页面中就可以利用了

<-- 引入 --><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><-- 天生 gitalk 插件-->var gitalk = new Gitalk({ clientID: '56f73fbc5e79a466ea62', //Client ID clientSecret: '26d8eb4f3b0de9ce02382103ffc32ba34c4671f4', //Client Secret repo: 'blogtalk',//仓库名称 owner: 'smfx1314',//仓库拥有者 admin: ['smfx1314'], id: location.href, // Ensure uniqueness and length less than 50 distractionFreeMode: false // Facebook-like distraction free mode})gitalk.render('gitalk-container')

设置

clientID String必须. GitHub Application Client ID.clientSecret String必须. GitHub Application Client Secret.repo String必须. GitHub repository.owner String必须. GitHub repository 所有者，可以是个人或者组织。
admin Array必须. GitHub repository 的所有者和互助者 (对这个 repository 有写权限的用户)。
id StringDefault: location.href.页面的唯一标识。
长度必须小于50。
number NumberDefault: -1.页面的 issue ID 标识，若未定义number属性则会利用id进行定位。
labels ArrayDefault: ['Gitalk'].GitHub issue 的标签。
title StringDefault: document.title.GitHub issue 的标题。
body StringDefault: location.href + header.meta[description].GitHub issue 的内容。
language StringDefault: navigator.language || navigator.userLanguage.设置措辞，支持 [en, zh-CN, zh-TW]。
perPage NumberDefault: 10.每次加载的数据大小，最多 100。
distractionFreeMode BooleanDefault: false。
类似Facebook评论框的全屏遮罩效果.pagerDirection StringDefault: 'last'评论排序办法， last为按评论创建韶光倒叙，first为按创建韶光正序。
createIssueManually BooleanDefault: false.如果当前页面没有相应的 isssue 且登录的用户属于 admin，则会自动创建 issue。
如果设置为 true，则显示一个初始化页面，创建 issue 须要点击 init 按钮。
proxy StringDefault: https://cors-anywhere.herokuapp.com/https://github.com/login/oauth/access_token.GitHub oauth 要求到反向代理，为了支持 CORS。
为什么要这样?flipMoveOptions ObjectDefault:

{ staggerDelayBy: 150, appearAnimation: 'accordionVertical', enterAnimation: 'accordionVertical', leaveAnimation: 'accordionVertical', }评论列表的动画。
参考enableHotKey BooleanDefault: true.启用快捷键(cmd|ctrl + enter) 提交评论.把稳：第一次进入时评论模块加载不出来，须要注册Github Application的账号登录评论模块后刷新页面，就可以正常利用了。

四，我博客的实例展示：

随便点击一篇文章进入，底部就会涌现评论模块：