自定义评论系统之整合多说评论

我们需要从多说获取两类数据，一类是评论和评论框需要被用来显示在单文章页面上，一类是评论数显示在首页文章列表内。

多说提供的通用代码如下：

<!-- Duoshuo Comment BEGIN -->
    <div class="ds-thread"></div>
    <script type="text/javascript">
    var duoshuoQuery = {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 --> 

详细区分一下，<div class="ds-thread"></div>才是评论和评论框，下面大段的javascript代码是获取评论用的。

- 阅读更多 -

自定义评论系统之定位篇

Blogger自带的评论系统不太友好，其他给Blogger用的第三方评论系统在国内也很不稳定。修改博客的评论系统迫在眉睫，国内有好多很好的第三方社会化评论系统，比如多说、友言、贝米、评论啦、灯鹭。我现在的评论系统就是采用的多说，基本上符合常见的评论风格了吧，首页显示评论数，单页显示所有评论。

先定位原先的评论，这是第一步。为了找到哪儿是评论，先要打开评论（废话！）。到管理后台的Settings - Posts and comments，将Comment Location修改为Embeded，其他的选项也可。

定位工作我用的工具是firefox + firebug，chrome更方便，直接审查页面元素即可。打开自己的博客，找两个地方，一是首页显示评论数的地方，另一个是单页显示所有评论以及评论框的地方。重要的是看，这些地方位于哪个div里？这个div的id和class分别是什么。我的是<span class="post-comment-link">以及<div id="comments" class="comments">。

返回博客后台的Template，点击Edit HTML按钮，在弹出的窗口中选中Expand Widget Templates，然后查找class='post-comment-link'以及class='comments'，此处为单引号。

- 阅读更多 -