为Octopress追加新浪分享按钮

octopress默认没有新浪微博分享按钮,从百度上搜到了程序猎人的一篇相关的博客(链接)。文章写于2012年,新浪分享按钮的代码已经更新,我没有实验文章中的代码,不知道还适不适用。

直接去新浪微博找到分享按钮的页面,生成按钮代码。操作有三步,前两步问题不大,主要看第三步


为Octopress追加新浪分享按钮_第1张图片
weibo_share_button_code


为了将上面的代码插入到octopress中,我们需要了解octopress的布局结构。进入source/_layouts文件夹,会看到default.html。内容如下


为Octopress追加新浪分享按钮_第2张图片
defualt.html

从第二行的{% include head.html %}中得到启发,去修改source/_includes/head.html文件,修改html标签、在HEAD头中引入WB.JS,结果如下图


为Octopress追加新浪分享按钮_第3张图片
head.html

关键代码是5,7,8,9行,site.weibo_share需要我们在_config.yml中设置值。下面就是查找按钮代码的插入位置,根据程序猎人的那篇博客在source/_includes/post/sharing.html中,插入代码,结果如下


为Octopress追加新浪分享按钮_第4张图片
sharing.html

关键代码是11,12,13行。完成上面工作后,重新rake generate & deploy,代码生效,出现微博分享按钮,个人感觉这个方法可能修改了重要的文件,在某些情况下也可能会失效,时间仓促,先作为初步解决方案。

你可能感兴趣的:(为Octopress追加新浪分享按钮)