按照官方说法,只需要在config.toml文件中加上disqus的shortname即可让博客拥有disqus评论系统的功能。但折腾许久未能成功,现提供另一种添加disqus的方式。
1.注册disqus
官网注册帐号 https://disqus.com/
使用方式可以参考 http://alfred-sun.github.io/blog/2014/12/05/github-pages/
**2.使用disqus** 这里使用universal code的方式,将生成的code放到新文件comments.html中:
<div id="disqus_thread"></div>
<script>
/**
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
* LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables
*/
/*
var disqus_config = function () {
this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable
this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
};
*/
(function() { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');
s.src = '//wwwlearnbetterclub.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
**注:**s.src请修改为自己的帐号信息
comments.html与header.html在同一个目录。
显示效果:
3.博文中的comments可以关闭disqus功能
可以对某篇博文单独关闭disqus功能。如test.md
+++
Categories = ["test"]
Description = "test"
Tags = ["test"]
menu = "main"
title = "test hugo"
comments = false #这里的comments取值为false,disqus则不可见
date = 2014-08-09T05:04:40Z
+++
hello hugo! I am test.md
comments取值为false的显示效果为:
注:如果使用多说评论,请参考 http://tonybai.com/2015/09/23/intro-of-gohugo/
有疑问加站长微信联系(非本文作者)