[Gitalk] 集成Gitalk时踩过的那些坑

gitalk的集成看起来很简单，一共就以下三步。

1. 登录github，进入Setting/Developer settings，新创建一个OAuth App,填写应用名，主页url，回调url;

2. 在使用gitalk的页面里引用官方提供的gitalk js 和 css

<link rel="stylesheet" href="//cdn.bootcss.com/gitalk/1.5.0/gitalk.min.css">
<script src="//cdn.bootcss.com/gitalk/1.5.0/gitalk.min.js"></script>

3. 在页面上创建占位html标签，创建gitalk对象并渲染

<div id="gitalk-container" style="margin: 30px;padding-bottom: 30px;"></div><script>var gitalk = new Gitalk({clientID: '', // GitHub Application Client IDclientSecret: '', // GitHub Application Client Secretrepo: '',      // 存放评论的仓库owner: '',          // 仓库的创建者，admin: [],        // 如果仓库有多个人可以操作，那么在这里以数组形式写出id: md5(location.pathname),      // 用于标记评论是哪个页面的，确保唯一，并且长度小于50title: document.title,body:  '文章链接：'+ decodeURIComponent(location.origin+location.pathname),})gitalk.render('gitalk-container');    // 渲染Gitalk评论组件</script>

但是其中有些坑，还是需要注意的

1. 你是给自己账号下的仓库创建App还是给组织账号下的仓库创建App

如果是给自己用，直接从Developer settings进去建App,如果是给组织建，就要从Organization settings 进到组织账号下的Developer settings建App。

2. gitalk的第一次登录

把gitalk加好后，第一次进入页面，会显示需要用github账号登录，从控制台里看，浏览器访问 https://api.github.com/user 返回 401。这是因为需要给github账号授权使用gitalk，这个时候，只有当前页面的域名和之前配置的Authorization callback URL 在同一个域下，才能成功进入授权页面。例如，在开发时，我的页面链接是http://localhost:8080/article/1，那Authorization callback URL 和 Home Page URL都要用http://localhost:8080。上线之后再改回正确的域名。成功登陆后，设置页面会显示有了第一位用户。

3. 实例化Gitalk对象时repo、owner、admin的设置

找到你想创建gitalk的那个仓库，比如：

owner就是 Windower ，repo 就是 Lua,admin是个数组，里面一定要有创建者登陆github用的名字，如果填错了，评论框会报错

4. repo下如果一个issues都没有，就手动创建一条issues

5. id要填能区分页面唯一性的字符串，比如页面链接，但是要注意长度限制，所以可以用md5转换一下。如果是单页应用，请找出每个路由下能区分页面唯一性的字符串，并且在路由切换的时候重新设置此id

6. title会被用作创建issue的标题，body会被用作issue的第一条评论

[Gitalk] 集成Gitalk时踩过的那些坑相关推荐

httpclient java 过时_当年用httpclient时踩过的那些坑
前言 httpclient是java开发中最常用的工具之一,通常大家会使用httpcilent去调用远程,使用其中比较基础的api,长期开发爬虫,会接触httpclient不常用的api,同时会遇到各 ...
vitepress如何集成gitalk评论系统、修复黑色模式下字体白色的问题
我搭建的vitepress https://zqy233.github.io/formatAndSave/ 该示例集成了gitalk评论系统,还是挺好用的接下来教大家如何集成 1.首先获取clien ...
Hexo Next主题中集成gitalk评论系统
gitalk:一个基于 Github Issue 和 Preact 开发的评论插件 Register Application 在GitHub上注册新应用,链接:https://github.com/s ...
记录戴尔t640切换集/独显及安装驱动时踩过的坑
记录戴尔t640切换集/独显及安装驱动时踩过的坑写在前面 Nvidia驱动安装篇服务器改配置篇写在前面先大体说一下机器:我用的是一台dell的t640塔式服务器,ubuntu16.04,用来做 ...
arcgis python 二次开发_我在部署ArcGIS API for Python时踩到的坑
ArcGIS API for Python相比于其他ESRI产品,还是很年轻.我在部署时踩到了坑,网上也找不到解决方法,很是煞风景,也很打击学习的积极性. 今天回顾一下,做个总结吧.一方面自己备忘,另 ...
spring boot 集成Mybatis时 Invalid bound statement (not found)
spring boot 集成Mybatis时,运行提示 org.apache.ibatis.binding.BindingException: Invalid bound statement (not ...
Springboot 集成 Activiti时启动报错！'org.activiti.spring.boot.SecurityAutoConfiguration
Springboot 集成 Activiti时启动报错! org.springframework.beans.factory.BeanCreationException: Error creating ...
用vant框架做H5时踩过的坑（下拉刷新、上拉加载等）
用vant框架做H5时踩过的坑 1. 页面在手机端不能上下滑动,在PC端浏览器正常滑动说明:在设置了overflow:auto;属性的前提下,H5页面在PC端浏览器里展示可以上下滑动,在ios上可正 ...
选购集成墙面时这些顾虑有必要吗？
集成墙面pk传统装饰材料装修作为一个家庭的大事件,在选择装修材料时是需要非常谨慎的,集成墙面是一种新型的装修材料,因为各种优势被很多人所推荐,那么它真的有那么好吗?消费者对它的价格.安装整体效果.环 ...

[Gitalk] 集成Gitalk时踩过的那些坑

[Gitalk] 集成Gitalk时踩过的那些坑相关推荐

最新文章

热门文章