docsify添加Gitalk评论系统

Gitalk——基于Preact和Github Issue的评论系统

为docsify添加Gitalk评论系统

根据官方的配置

index.html增加

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/gitalk/dist/gitalk.css">

<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/gitalk.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/gitalk/dist/gitalk.min.js"></script>
<script>
  const gitalk = new Gitalk({
    clientID: 'Github Application Client ID',
    clientSecret: 'Github Application Client Secret',
    repo: 'Github repo',
    owner: 'Github repo owner',
    admin: ['Github repo collaborators, only these guys can initialize github issues'],
    // facebook-like distraction free mode
    distractionFreeMode: false
  })
</script>

 需要进行配置

1.申请Gitalk

 注册后就可以获取到 clientID和clientSecret了

Gitalk 应用位于，在右上角点击 Settings ——> Developer settings——>OAuth Apps

 

修改 Gitalk 参数

  const gitalk = new Gitalk({
    clientID: 'XXXXXXXXXXXXXXXXXXX',
    clientSecret: 'XXXXXXXXXXXXXXXXXXXXX',
    repo: '已存在的仓库名',
    owner: 'Github名字',
    admin: ['Github名字'],
    // facebook-like distraction free mode
    id: location.pathname,     
    distractionFreeMode: false
  })

刷新文档页面并登录github账号

 github仓库也会增加一条

 注：

　　由于没有自己的homepage，所以使用的utools里的内网穿透，当使用外网的地址打开文档时，登录过github的话会自动登录，但是用内网地址，每次打开都处于未登录状态，需要重新登录