【2014-11-1】Pelican添加多说评论

2014-11-02(Sun) by chenjia.me

多说评论

据说是现在大陆很流行的一个评论~关键是~好多人都在用~不过他们用的是HEXO~那我们就转移到Pelican上来吧~

开始添加多说评论

多说http://duoshuo.com/

注册账号

  • 注册多说账号
  • 绑定网站信息
  • 获取js代码,比如这样
    <!-- 多说评论框 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:"chenjia"};
    (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 -->
    

修改主题

一般评论的网页模板应该在主题目录下的\templates\disqus.html

  • 注释掉原来的js代码~不然会有两个评论框。

    <!-- 
    <div id="disqus_thread"></div>
    <script type="text/javascript">
    var disqus_shortname = '{{ DISQUS_SITENAME }}'; 
    var disqus_title = '{{ article.title }}';
    
    (function() {
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
    </script>
    -->
    
  • 将js脚本复制到对应区域

  • 第一个字符串修改为data-thread-key="{{ article.slug }}"
  • 第二个字符串修改为data-title="{{ article.title }}"
  • 第三个字符串修改为data-url="{{ SITEURL }}/{{ article.url }}" +

    这样第一个我们用的是文章的slug,一般来说没定义的话应该是文章标题的拼音~基本没有两个相同的文章名吧~

    第二个用的是文字的标题~这个就没什么多说的啦

    第三个用的就是文章的网址,也就是当前页面的网址~

然后更新主题,重新生成文章就好!

修改多说设置

我们可以在多说的网站管理里面修改评论框的各种属性~比如主题神马的~我就修改了微博的appkey让分享的时候可以显示来自我的网站~啦啦啦~


Comments