【像黑客一样写博客之七】分享功能

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


Octopress自带的分享代码是推特,脸书和Google+,这里改用国内的加网分享,添加方式和评论相似。


1.获取分享代码

进入http://www.jiathis.com,选择样式,点击获取代码。

比如我这里得到

[html]  view plain copy
  1. <!-- JiaThis Button BEGIN -->  
  2. <div class="jiathis_style_32x32">  
  3.     <a class="jiathis_button_qzone"></a>  
  4.     <a class="jiathis_button_tsina"></a>  
  5.     <a class="jiathis_button_tqq"></a>  
  6.     <a class="jiathis_button_weixin"></a>  
  7.     <a class="jiathis_button_renren"></a>  
  8.     <a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>  
  9.     <a class="jiathis_counter_style"></a>  
  10. </div>  
  11. <script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1367457337064293" charset="utf-8"></script>  
  12. <!-- JiaThis Button END -->  


2.添加分享

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

(2)进入Octopress\source\_includes\post,打开sharing.html,加入如下代码

[html]  view plain copy
  1.   {% if site.share %}  
  2.   <h2>Share</h2>  
  3.       {% include post/jiathis.html %}  
  4.   {% endif %}  

(3)屏蔽掉推特分享链接

在第一行推特分享的判断语句上 and false。

[cpp]  view plain copy
  1. {% if site.twitter_tweet_button and false %}  

(4)进入Octopress目录,打开_config.yml,加入

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

3.生成页面,推送

完成以上步骤后,执行

[cpp]  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  

你可能感兴趣的:(分享系统)