为 Octopress 添加多说评论系统

多说（ http://duoshuo.com/ ）接入流程也不复杂。网上有很多教程，我简单说一下我是如何操作的。

1.获取站点的short_name

到多说的官网注册账号，并且添加你的站点。short_name就是添加站点的时候的多说域名框里填写的。添加站点流程如下：

2.配置_config.yml

在 _config.yml 中添加

# duoshuo comments
duoshuo_comments: true
duoshuo_short_name: superqq

3.添加多说评论模块

打开文件 source/_layouts/post.html 找到下面这段disqus代码

{% if site.disqus_short_name and page.comments == true %}
  <section>
    <h1>Comments</h1>
    <div id="disqus_thread" aria-live="polite">{% include post/disqus_thread.html %}</div>
  </section>
{% endif %}

在下面增加：

{% if site.duoshuo_short_name and site.duoshuo_comments == true and page.comments == true %}
  <section>
    <h1>Comments</h1>
    <div id="comments" aria-live="polite">{% include post/duoshuo.html %}</div>
  </section>
{% endif %}

4.创建duoshuo.html

创建一个source/_includes/post/duoshuo.html，里面实现代码如下：

<!-- Duoshuo Comment BEGIN -->
<div class="ds-thread" data-title="{% if site.titlecase %}{{ page.title | titlecase }}{% else %}{{ page.title }}{% endif %}"></div>
<script type="text/javascript">
  var duoshuoQuery = {short_name:"{{ site.duoshuo_short_name }}"};
  (function() {
    var ds = document.createElement('script');
    ds.type = 'text/javascript';ds.async = true;
    ds.src = 'http://static.duoshuo.com/embed.js';
    ds.charset = 'UTF-8';
    (document.getElementsByTagName('head')[0] 
    || document.getElementsByTagName('body')[0]).appendChild(ds);
  })();
</script>
<!-- Duoshuo Comment END -->

5.配置article.html

打开文件 _includes/article.html 文件，在

{% if site.disqus_short_name and page.comments != false and post.comments != false and site.disqus_show_comment_count == true %}
     | <a href="{% if index %}{{ root_url }}{{ post.url }}{% endif %}#disqus_thread">Comments</a>
    {% endif %}

在下面增加：

     {% if site.duoshuo_short_name and page.comments != false and post.comments != false and site.duoshuo_comments == true %}
      | <a href="{% if index %}{{ root_url }}{{ post.url }}{% endif %}#comments">Comments</a>
     {% endif %}

​