轻松搭建博客评论组件Gitalk
Gitalk评论组件，用过都说好！！
最近想给博客加个评论功能，被朋友推荐提到最多的就是Gitalk评论组件。它无需自建数据库，而且支持Github登录，非常适合轻量级网站应用。
虽说组件很赞，但对于我这种技术小白来说还是研究了一晚上才终于成功部署。
于是我决定把详细的安装过程以及注意事项整理分享出来，希望能帮到和我一样有需要的朋友。
安装好的Gitalk界面长这样👇
创建评论仓库repo
我们需要一个容器来存放Gitalk生成的评论数据，可以在Github上创建一个存放评论的空仓库，我们就叫它gitalk-comments。
已经创建完的空仓库：
创建OAuth application
接下来，我们需要在Github上创建一个属于我们自己的Gitalk应用。
点击右上角用户头像，在菜单中点击“Settings”，进入设置页面。
在设置页面中，点击左侧列表最底部Developer settings。
进入创建OAuth application页面。
注意：
这里的Homepage URL与Authorization callback URL要填写自己博客的域名。
点击“Register application”注册之后，我们会跳转到详细配置页面。
我们还需要创建这个clientSecret密钥，点击“Generate a new client secret”即可创建。
记录下这里的client ID以及client Secret。
安装Gitalk
运行终端，打开Blog文件根目录。比如我的Blog文件在E:\blog，那么在终端输入如下指令：
cd E:\blog然后输入npm指令安装Gitalk：
npm i --save gitalk配置Gitalk
在Blog的首页文件index.html的<head></head>标签之间引入Gitalk：
<head>
<!--引入Gitalk-->
<link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css">
<script src="https://unpkg.com/gitalk/dist/gitalk.min.js"></script>
</head>在index.html的<body></body>标签之间创建一个容器用于存放Gitalk：
<div id="gitalk-container"></div>添加如下参数，声明变量gitalk:
var gitalk = new Gitalk({
clientID: '填入刚创建OAuth的client ID',
clientSecret: '填入刚创建OAuth的client Secret',
repo: '填入评论仓库的repo名称',
owner: '填入你的Github用户名',
admin: ['填入你的Github用户名'],
id: location.pathname, // 这个不要改
language:'zh-CN', // 设置界面语言为中文，如需英文改为'en'
distractionFreeMode: false // 这是评述输入框聚焦模式，默认关闭，如需开启改成'true'
})在以上参数中分别填入刚刚创建好的OAuth application信息。
注意：
这里repo的名称只需填入创建仓库时填写的名称，无需添加.github.io等后缀。
在参数代码后添加render，以渲染index.html页面中的评论组件界面：
gitalk.render('gitalk-container')以上配置完成后，即可重新部署Blog页面，快去看看效果吧~