Blog

Blog

PHODAL

mezzanine 多说,多说替换disqus

发现使用disqus带来的评论很少,而这个不是自己想看的,那样的话还不如自带的评论,虽然不是很强大,但是也够。

试着用过搜狐的畅言,但是有太多的问题,文档也有问题,不够强大。。。所说的强大是指,不够简单。

虽然说多说没有disqus强大,但是至少他做到了适合国人评论,至少在xunta的时候是那样。这里只是简单的替换,不过我觉得这样应该也就够了。

Django Disqus

这是默认的Disqus的代码

    {% load disqus_tags %}
    <!--
    <div id="disqus_thread"></div>
    {% disqus_sso_script %}
    <script>
        var disqus_developer = '{{ settings.DEV_SERVER }}' == 'True';
        var disqus_url = 'http{% if request.is_secure %}s{% endif %}://{{ request.META.HTTP_HOST }}{{ object_for_comments.get_absolute_url }}';
        var disqus_title = '{{ object_for_comments|escapejs }}';
        var disqus_identifier = '{% disqus_id_for object_for_comments %}';
      (function() {
       var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
       dsq.src = 'http{% if request.is_secure %}s{% endif %}://{{ settings.COMMENTS_DISQUS_SHORTNAME }}.disqus.com/embed.js';
       (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
      })();
    </script>
    -->

而多说的代码是这样的。

Django 多说

    <!-- 多说评论框 start -->
        <div class="ds-thread" data-thread-key="请将此处替换成文章在你的站点中的ID" data-title="请替换成文章的标题" data-url="请替换成文章的网址"></div>
    <!-- 多说评论框 end -->
    <!-- 多说公共JS代码 start (一个网页只需插入一次) -->
    <script type="text/javascript">
    var duoshuoQuery = {short_name:"geekslife"};
        (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-url
 data-title

便可以完成基本的分享与评论,和这个可以从上面的disqus中拿到

                var disqus_url = 'http{% if request.is_secure %}s{% endif %}://{{ request.META.HTTP_HOST }}{{ object_for_comments.get_absolute_url }}';
        var disqus_title = '{{ object_for_comments|escapejs }}';
        var disqus_identifier = '{% disqus_id_for object_for_comments %}';

最后代码如下所示

    <!-- 多说评论框 start -->
    <div class="ds-thread" data-thread-key="'{% disqus_id_for object_for_comments %}" data-title="'{{ object_for_comments|escapejs }}" data-url="http{% if request.is_secure %}s{% endif %}://{{ request.META.HTTP_HOST }}{{ object_for_comments.get_absolute_url }}"></div>
    <!-- 多说评论框 end -->
    <!-- 多说公共JS代码 start (一个网页只需插入一次) -->
    <script type="text/javascript">
    var duoshuoQuery = {short_name:"geeks"};
    (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 -->

关于我

Github: @phodal     微博:@phodal     知乎:@phodal    

微信公众号(Phodal)

围观我的Github Idea墙, 也许,你会遇到心仪的项目

QQ技术交流群: 321689806
comment

Feeds

RSS / Atom

最近文章

关于作者

Phodal Huang

Engineer, Consultant, Writer, Designer

ThoughtWorks 技术专家

工程师 / 咨询师 / 作家 / 设计学徒

开源深度爱好者

出版有《前端架构:从入门到微前端》、《自己动手设计物联网》、《全栈应用开发:精益实践》

联系我: h@phodal.com

微信公众号: 最新技术分享

标签