GitHub评论Gitalk插件

title: GitHub评论Gitalk插件
date: 2018-03-05 03:33:00
tags:

  • GitHub
    category:
  • GitHub
    description: GitHub评论Gitalk插件

GitHub评论Gitalk插件

[外链图片转存失败(img-klVsfeHW-1566552706588)(https://raw.githubusercontent.com/HealerJean123/HealerJean123.github.io/master/blogImages/WX20180306-155426@2x.png)]

1、Gitalk 需要一个 Github Application，

点击这里申请。

[外链图片转存失败(img-DNmOn0mG-1566552706588)(https://raw.githubusercontent.com/HealerJean123/HealerJean123.github.io/master/blogImages/WX20180306-153911@2x.png)]

2、将下面的代码复制到每个页面

<!-- Gitalk 评论 start  -->

<!-- Link Gitalk 的支持文件  -->
<link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css">
<script src="https://unpkg.com/gitalk@latest/dist/gitalk.min.js"></script> 
<div id="gitalk-container"></div>     <script type="text/javascript">
    var gitalk = new Gitalk({

    // gitalk的主要参数
		clientID: `Github Application clientID`,
		clientSecret: `Github Application clientSecret`,
		repo: `Github 仓库名`,
		owner: 'Github 用户名',
		admin: ['Github 用户名'],
		id: 'indow.location.pathname', 注意id一定不要重复，这里是举个例子，可以写中文，如果重复了，就会把其他地方的评论显示过来
    
    });
    gitalk.render('gitalk-container');
</script> 
<!-- Gitalk end -->

3、打开上面我们注册的网址，复制 clientID 和 秘clientSecret 到上面

WX20180306-154420@2x

4、评论插件预览，评论查看的位置 在GitHub的issue中

[外链图片转存失败(img-uQAMOeTI-1566552706589)(https://raw.githubusercontent.com/HealerJean123/HealerJean123.github.io/master/blogImages/WX20180306-155426@2x.png)]

posted @ 2018-03-06 15:54  HealerJean  阅读(202)  评论(0)  编辑  收藏  举报