By

前言

Github：https://github.com/HealerJean

博客：http://blog.healerjean.com

GitHub评论Gitalk插件

WX20180306-155426@2x

1、Gitalk 需要一个 Github Application，

点击这里申请。 —

WX20180306-153911@2x

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中

WX20180306-155426@2x

ContactAuthor