【像黑客一样写博客之六】评论功能

原创作品,转载请标明http://blog.csdn.net/jackystudio/article/details/16817779


博客怎么能少了评论呢?虽然Octopress自带了disqus评论系统,但是登录需要使用推特,脸书,Google+等帐号登录,你懂的,所以这里会对评论进行更换。。。

这里我只能降降逼格了,使用国内的多说评论系统,非软文,可以用国内大部分主流帐号登录评论即可。


1.获取评论代码

进入http://duoshuo.com/create-site,登录帐号,填写相关信息,点击创建。这里的多说域名就是你的多说后台,可以在这里管理你的评论。

这里我获取的代码是,自行修改short_name。

[html]  view plain copy
  1. <!-- Duoshuo Comment BEGIN -->  
  2.     <div class="ds-thread"></div>  
  3. <script type="text/javascript">  
  4. var duoshuoQuery = {short_name:"jackystuio"};  
  5.     (function() {  
  6.         var ds = document.createElement('script');  
  7.         ds.type = 'text/javascript';ds.async = true;  
  8.         ds.src = 'http://static.duoshuo.com/embed.js';  
  9.         ds.charset = 'UTF-8';  
  10.         (document.getElementsByTagName('head')[0]   
  11.         || document.getElementsByTagName('body')[0]).appendChild(ds);  
  12.     })();  
  13.     </script>  
  14. <!-- Duoshuo Comment END -->  


2.添加评论

(1)进入Octopress\source\_includes\post,创建名为duoshuo.html的文件,把上面的代码拷入。

(2)进入Octopress\source\_layouts,打开post.html,在disqus布局后面加入多说的布局

[html]  view plain copy
  1. {% if site.duoshuo and page.comments == true %}  
  2.   <section>  
  3.     <h1>Comments</h1>  
  4.     <div id="comments" aria-live="polite">{% include post/duoshuo.html %}</div>  
  5.   </section>  
  6. {% endif %}  

(3)进入Octopress目录,打开_config.yml,在末尾添加如下代码,如果想关闭多说评论,把true改为false即可

[html]  view plain copy
  1. # duoshuo comments  
  2. duoshuo: true  

3.生成页面,推送

完成以上步骤后,执行

[ruby]  view plain copy
  1. rake generate  
  2. rake preview  
  3. rake deploy  


查看文章页面http://geekjacky.github.io/blog/2013/11/13/hello-github-blog/


【像黑客一样写博客之六】评论功能_第1张图片


4.推送source分支

[cpp]  view plain copy
  1. git add .  
  2. git commit -m "添加多说评论"  
  3. git push origin source  

你可能感兴趣的:(评论系统)