Add Gitalk 评论组件

 1{{ if .Site.Params.enableGitalk }}
 2<div id="gitalk-container"></div>
 3<link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css">
 4<script src="https://unpkg.com/gitalk/dist/gitalk.min.js"></script>
 5<script>
 6  const gitalk = new Gitalk({
 7    clientID: '{{ .Site.Params.Gitalk.clientID }}',
 8    clientSecret: '{{ .Site.Params.Gitalk.clientSecret }}',
 9    repo: '{{ .Site.Params.Gitalk.repo }}',
10    owner: '{{ .Site.Params.Gitalk.owner }}',
11    admin: ['{{ .Site.Params.Gitalk.owner }}'],
12    id: location.pathname, // Ensure uniqueness and length less than 50
13    distractionFreeMode: false // Facebook-like distraction free mode
14  });
15  (function () {
16    if (["localhost", "127.0.0.1"].indexOf(window.location.hostname) != -1) {
17      document.getElementById('gitalk-container').innerHTML = 'Gitalk comments not available by default when the website is previewed locally.';
18      return;
19    }
20    gitalk.render('gitalk-container');
21  })();
22</script>
23{{ end }}

 1[params]
 2  enableGitalk = true
 3  [params.theme_config]
 4    appearance = "light"
 5    back_home_text = ".."
 6    date_format = "2006-01-02"
 7  [params.gitalk] 
 8    clientID = "QQQQQQQQQQQQQQQQ" # 您刚才创建Github Application 的 Client ID
 9    clientSecret = "QQQQQQQQQQQQQQQQ" # 您刚才创建Github Application 的 Client Secret
10    repo = "livebug.github.io" # 您的博客的github地址Repository name，例如：xxxx.github.io
11    owner = "livebug" # 您的GitHub ID
12    admin= "livebug" # 您的GitHub ID
13    id= "location.pathname" # 文章页面的链接地址就是ID
14    labels= "gitalk" # Github issue labels. If you used to use Gitment, you can change it
15    perPage= 15 # Pagination size, with maximum 100.
16    pagerDirection= "last" # Comment sorting direction, available values are 'last' and 'first'.
17    createIssueManually= true # 设置为true，如果是管理员登录，会自动创建issue，如果是false，需要管理员手动添加第一个评论(issue)
18    distractionFreeMode= false # Enable hot key (cmd|ctrl + enter) submit comment.