为 Github Jekyll 博客添加 IntenseDebate 评论功能


博客搭起来,评论是要有的吧?!主流的评论系统有 Disqus, Facebook comment, IntenseDebate, Livefyre 等。这里 frendy 选择了 IntenseDebate,主要原因是其它几个要么被墙了,要么访问速度慢,可以自己体验。

版权声明:本文为 frendy 原创文章,可以随意转载,但请务必在明确位置注明出处。


痛点:

独乐乐不如众乐乐,博客需要互动起来。

解决:

添加评论系统 IntenseDebate Comment。

步骤:

1.准备一个 IntenseDebate 的账号:

直接前往 https://intensedebate.com/ 注册或登录。

2.选择 Install intensedebate,根据平台获取相应的脚本代码。

java-javascript

3.在 _includes 目录下创建 intensedebate-comments.html 文件,贴入脚本代码。

如下,在 和 之间就是 IntenseDebate 注册完以后得到的脚本代码。如果使用其他评论系统,代码类似:

{% if page.comments != false %}
```
<script>
	var idcomments_acct = 'xxxxx';
	var idcomments_post_id;
	var idcomments_post_url;
</script>
<span id="IDCommentsPostTitle" style="display:none"></span>
<script type='text/javascript' src='https://www.intensedebate.com/js/genericCommentWrapperV2.js'></script>
```
{% endif %}
4.在配置文件 _config.yml 里添加评论配置参数,方便灵活的enable/disable评论功能。
intensedebate_comments: true
5.在 post.html 文件末尾后面添加代码引用 intensedebate-comments.html 来显示评论框。
{% if site.intensedebate_comments %}
	{% include intensedebate-comments.html %}
{% endif %}
6.显示效果如下:

java-javascript


欢迎来撩

frendy

It will shine for us...