GitHub评论Gitalk插件-CFANZ编程社区

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` 到上面

GitHub评论Gitalk插件_Git

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

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

GitHub评论Gitalk插件_Git_02