Gitalk评论插件使用教程
栏目: JavaScript · 发布时间: 7年前
内容简介：Gitalk 是一个基于 GitHub Issue 和 Preact 开发的评论插件。Gitalk 的特性：1、使用 GitHub 登录
1. Gitalk说明
Gitalk 是一个基于 GitHub Issue 和 Preact 开发的评论插件。
Gitalk 的特性：
1、使用 GitHub 登录
2、支持多语言 [en, zh-CN, zh-TW, es-ES, fr, ru]
3、支持个人或组织
4、无干扰模式（设置 distractionFreeMode 为 true 开启）
5、快捷键提交评论 （cmd|ctrl + enter）
2. 安装使用
2.1 安装
两种方式引入：
1、直接在HTML文件中引入
<link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css"> <script src="https://unpkg.com/gitalk/dist/gitalk.min.js"></script>
建议直接把文件下载后放在项目目录中，这样就可以不再依赖第三方网络了。
2、通过npm安装
npm i --save gitalk
import 'gitalk/dist/gitalk.css' import Gitalk from 'gitalk'
2.2 使用
1、首先需要在html文件中添加一个容器，Gitalk组件会在此处显示
<div id="gitalk-container"></div>
2、使用下面的JavaScript代码来生成Gitalk评论：
var gitalk = new Gitalk({
clientID: 'GitHub Application Client ID',
clientSecret: 'GitHub Application Client Secret',
repo: 'GitHub repo',
owner: 'GitHub repo owner',
admin: ['GitHub repo owner and collaborators, only these guys can initialize github issues'],
id: location.pathname, // 确保唯一，并且长度小于50
distractionFreeMode: false // 类似Facebook评论框的全屏遮罩效果.
})
gitalk.render('gitalk-container')
里面参数下面会讲解.
配置好后，页面最终效果( https://gitalk.github.io/) ：
3. new Gitalk 的参数说明
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
产品经理修炼之道
费杰 / 机械工业出版社华章公司 / 2012-7-30 / 59.00元
本书由资深产品经理、中国最大的产品经理沙龙Pmcaff创始人费杰亲自执笔，微软、腾讯、百度、新浪、搜狐、奇虎、阿里云、Evernote等国内外20余家大型互联网企业资深产品经理和技术专家联袂推荐。用系统化的方法论和丰富的实战案例解读了优秀产品经理所必须修炼的产品规划能力、产品设计能力、产品执行能力，以及思考、分析和解决问题的能力和方法，旨在为互联网产品经理打造核心竞争力提供实践指导。 全书一......一起来看看 《产品经理修炼之道》 这本书的介绍吧!
