Gatsby 集成 Gitalk

Gitalk 是一个基于 GitHub Issue 和 Preact 开发的评论插件。

特性

使用 GitHub 登录 支持多语言 [en, zh-CN, zh-TW, es-ES, fr, ru] 支持个人或组织 无干扰模式（设置 distractionFreeMode 为 true 开启） 快捷键提交评论 （cmd|ctrl + enter）

安装

1yarn add gitalk
2

1import 'gitalk/dist/gitalk.css'
2import Gitalk from 'gitalk'
3

使用

1// config.json
2{
3    "gitalk": {
4        "clientID": "your-client-id",
5        "clientSecret": "your-client-secret",
6        "repo": "repo-name",
7        "owner": "user",
8        "admin": ["user"], // 权限
9        "pagerDirection": "first", // 排序
10        "distractionFreeMode": true
11    }
12}
13

1const config = require('./config')
2const { gitalk } = config
3...
4componentDidMount() {
5    const GitTalkInstance = new Gitalk({
6        ...gitalk,
7        title: this.props.data.mdx.frontmatter.title,
8    })
9    GitTalkInstance.render('gitalk-container')
10}
11...
12 <div id="gitalk-container" />
13

需要 GitHub Application，如果没有 点击这里申请，Authorization callback URL 填写当前使用插件页面的域名。