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

原创作品，转载请标明：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/

4.推送source分支

[cpp]  view plain copy

1. git add .  
2. git commit -m "添加多说评论"  
3. git push origin source