为Octopress追加新浪分享按钮

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

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


weibo_share_button_code


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


defualt.html

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


head.html

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


sharing.html

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容