试验田

在Github Pages中集成多说评论插件

04 May 2014

创建多说账号

  • 在多说中，创建账号。
  • 创建站点。多说域名为之后用到的short_name。
  • 设置站点。审核规则，垃圾评论，评论框选项等。

修改相关源文件

  • _config.yml
  comments :
    provider : duoshuo
    duoshuo :
      short_name : come
    disqus :
      short_name : jekyllbootstrap
  • _includes\JB\comments
{% case site.JB.comments.provider %}

{% when "duoshuo" %}
  {% include JB/comments-providers/duoshuo %}
{% when "disqus" %}
  {% include JB/comments-providers/disqus %}

创建duoshuo文件

  • 创建_includes\JB\comments-providers\duoshuo
  • 内容为：
<!-- 多说评论框 start -->
	<div class="ds-thread" data-thread-key="{{ page.url }}" data-title="{{ page.title }}" data-url="{{site.production_url}}{{ page.url }}"></div>
<!-- 多说评论框 end -->
<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
<script type="text/javascript">
var duoshuoQuery = {short_name:"{{ site.JB.comments.duoshuo.short_name }}"};
	(function() {
		var ds = document.createElement('script');
		ds.type = 'text/javascript';ds.async = true;
		ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
		ds.charset = 'UTF-8';
		(document.getElementsByTagName('head')[0] 
		 || document.getElementsByTagName('body')[0]).appendChild(ds);
	})();
	</script>
<!-- 多说公共JS代码 end -->

注data-thread-key设置为page.url