- 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