person

本文是“本站技术备忘”系列的第九篇,系列地址:https://ziyoo.ren/tech-note.html

一方面是博客的没落,一方面是难以找到盈利点,许多社会化分享插件渐渐消失。对比过后,耕读君还是选择百度分享,效果见下方。

百度分享:http://share.baidu.com/code

定制好样式并获取代码之后粘贴到需要展示分享按钮的页面位置,这是散漫文集使用的代码,如果你需要可以直接使用:

<!-- 百度分享 -->
<div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a><a href="#" class="bds_twi" data-cmd="twi" title="分享到Twitter"></a></div>

<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":["tieba","douban","sqq","youdao","mail","ty","linkedin","copy","print"],"bdPic":"","bdStyle":"1","bdSize":"24"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>

你会发现代码中用于加载资源的网址使用 HTTP 协议,如果网站开启了 HTTPS,加载页面时资源会被阻止,导致按钮无法加载。在 Github 找到了百度分享不支持 HTTPS 的解决方案:

访问项目地址:https://github.com/hrwhisper/baiduShare

下载 zip 打包的文件,将里面的 static 文件夹解压出来上传到网站根目录,将百度分享获取到的代码中的网址删除:

将
src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='
改为
src='/static/api/js/share.js?v=89860593.js?cdnversion='

原理是不从百度的服务器而是从自己的服务器上加载资源,那么加载资源时采用的便是 HTTPS 协议了。如果觉得本文有用就帮忙分享吧!

相关文章

新评论