百度分享在百度公司内部应该是已经被边缘化的产品了,毕竟分享类和评论类的产品盈利方面都比较麻烦。
百度分享到目前为止估计也已经有两三年没有更新过了,其官方网站的资讯更新至今还停留在2012年的时候。
这么长时间未更新以至于现在百度系很多产品都HTTPS化了百度分享仍然还是不支持,对开发者来说很麻烦。
如果网站已经启用全站HTTPS则使用百度分享后会出现加载问题,百度分享的核心JavaScript会被拦截掉。
已经有站长在GitHub上分享了HTTPS版的解决方案,就是直接将所有代码和资源托管在自己的服务器上。
以下是百度分享HTTPS版的解决方案:
1、首先前往GitHub下载百度分享的全部资源文件:https://github.com/hrwhisper/baiduShare
2、将资源文件上传至本地服务器如蓝点网的:https://www.landiannews.com/static/api/
3、前往百度分享主页定制化你自己需要的分享内容以及排序等,然后获得的代码类型如下:
<div class="bdsharebuttonbox">
<a href="#" class="bds_more" data-cmd="more"></a>
<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
<a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
<a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
</div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"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>
4、将其中的百度分享核心JavaScript修改本地服务器中的地址,如蓝点网的:
https://www.landiannews.com/static/api/js/share.js
5、到这里绝大部分未针对百度分享代码进行修改的网站应该都是可以正常使用了。
6、Share.js中所包含的其他JavaScript、CSS以及图片等使用的是绝对路径,如果你进行定制化的修改则需要同步进行修改。
7、以下是蓝点网的百度分享完整代码,除了修改Share.js外也引入了自定义的CSS样式文件:
<div class="bdsharebuttonbox">
<span>分享到:</span>
<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
<a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
<a href="#" class="bds_douban" data-cmd="douban" title="分享到豆瓣网">
</a><a href="#" class="bds_twi" data-cmd="twi" title="分享到Twitter"></a>
<a href="#" class="bds_fbook" data-cmd="fbook" title="分享到Facebook"></a>
<a href="#" class="bds_youdao" data-cmd="youdao" title="分享到有道云笔记"></a>
<a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
<a href="#" class="bds_kaixin001" data-cmd="kaixin001" title="分享到开心网"></a>
<a href="#" class="bds_mail" data-cmd="mail" title="分享到邮件分享"></a>
<a href="#" class="bds_more" data-cmd="more"></a> <span>(</span><a class="bds_count" data-cmd="count" title="累计分享0次">0</a><span>)</span>
</div>
<script>
window._bd_share_config = {
common: {
"bdText" : "",
"bdMini" : "2",
"bdMiniList" : false,
"bdPic" : "",
"bdStyle" : "0",
"bdSize" : "24"
},
share: [{
bdCustomStyle: "//www.landiannews.com/static/api/css/share.css" ===>自定义样式表
}]
}
with(document)0[(getElementsByTagName("head")[0]||body).appendChild(createElement("script")).src="//www.landiannews.com/static/api/js/share.js?cdnversion="+~(-new Date()/36e5)]; ===>将本地的Share.js引入
</script>
原创文章,作者:kepupublish,如若转载,请注明出处:https://blog.ytso.com/31425.html