hugo采用gitalk添加留言功能

第一步

申请GitHub Application，获取clientID和clientSecret

第二步

新建仓库lkt_gitalk

第三步

在主题目录下，新建模板E:\gitee\website\themes\hugo-universal-theme\layouts\partials/comments.html，添加以下内容：

<!-- gitalk 评论框 end -->
{{ if (.Site.Params.gitalk) }}
<div id="gitalk-container"></div>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css">
<script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>
<script src="/js/md5.min.js"></script>
<script>
	const gitalk = new Gitalk({
	  clientID: '在此处输入clientID',
	  clientSecret: '在此处输入clientSecret',
	  repo: 'lkt_gitalk',
	  owner: 'ljrcore',
	  admin: ['ljrcore'],
	  id: md5(location.pathname),
	  distractionFreeMode: false
	})

	gitalk.render('gitalk-container')
</script>
{{ end }}

第四步

修改主题模板layouts/_default/single.html，加入{{ partial “comment.html” . }}

第五步

修改config.toml配置，添加gitalk = true

查看效果

网站地址：kerneltravel.net