如何使用hugo搭建个人博客(四):添加评论系统disqus

justheretobe · · 2627 次点击 · · 开始浏览    
这是一个创建于 的文章,其中的信息可能已经有所发展或是发生改变。

按照官方说法,只需要在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在同一个目录。

显示效果:
hugo add disqus


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的显示效果为:
hugo blog comments is false and disqus no display


注:如果使用多说评论,请参考 http://tonybai.com/2015/09/23/intro-of-gohugo/


有疑问加站长微信联系(非本文作者)

本文来自:CSDN博客

感谢作者:justheretobe

查看原文:如何使用hugo搭建个人博客(四):添加评论系统disqus

入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:692541889

2627 次点击  
加入收藏 微博
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传