- Gitalk 是一个基于 Github Issue 和 Preact 开发的评论插件,巧妙的利用github issue的功能开发出来的插件,需要用户有github账户
1. 首先要用github账户创建一个仓库(repository)
2. 在repository的setting里面开通issues功能
3. 在github在用户的setting里面,developer settings 创建Oauth apps 创建app得到
需要填写homepage url 和authorization callback URL *
```
Client ID
194e36d3bbcd14e7def9
Client Secret
2c99c40d21596f4dc7b9f31a76467ec19c72e653
```
4. 注册完毕后将下列代码加入layouts/partials/gitalk.html
```
<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: `xxxx`, //上面获取到的值
clientSecret: `xxxxx`,//上面获取到的值
repo: `clouda3`, //您刚才建立仓库的名字
owner: 'clouda3', //你的GitHub用户名字
admin: ['clouda3'], //你的GitHub用户的名字
id: 'indow.location.pathname', //id不能重复,如果重复就会把其他页面的评论引进来
});
gitalk.render('gitalk-container');
</script>
```
5. 把gitalk.html 加入single.html
```
{{ partial "gitalk" . }}
```
- 【入门】1:Hugo介绍
- 【入门】2:Hugo网站和主题演示
- 【入门】3:Hugo跟Wordpress和Hexo对比
- 【入门】4:20分钟快速搭建Hugo网站
- 【入门】5:免费网站托管到Gitpages
- 【入门】6:图标icon/robot.txt/404页面创建和设置
- 【入门】7:网站地图sitemap
- 【进阶】8:自定义菜单
- 【进阶】9:自定义Tag/category
- 【进阶】10:页面Meta keyword
- 【进阶】12:创建页面摘要
- 【进阶】11:创建列表【进行中...】
- 【进阶】13:创建分页
- 【进阶】14:创建统计
- 【进阶】15:创建rss
- 【高级】16:创建页面目录
- 【高级】17:创建站内搜索
- 【高级】18:创建多语言支持
- 【高级】19:显示相关内容
- 【高级】20:显示当前页面所有Tag
- 【高级】21:创建社交联系方式
- 【高级】22:创建社交分享
- 【高级】23:创建评论gitalk
- 【高级】24:自动化部署-netlify
- 【高级】25:自动化部署-Github actions