之前用bshare分享插件,但是网站升级为https之后,分享代码就不再兼容。经过搜索发现,百度的分享插件可以支持HTTPS。
百度分享代码默认不支持HTTPS,需要自己部署才可以。
现在很多的网站都已上了安全证书SSL实现了HTTPS化,这样不仅使网站的安全得以保证,而且还防止了被一些非法的运营商劫持DNS的情况。
虽然说网站上了HTTPS以后,网站的网安全有了保证,但是一些网站的插件是不支持HTTPS的,比如百度的分享代码。
今天就说一说如何解决,百度分享代码在HTTPS网站下不能使用的问题。
这里的解决方案是把百度的分享代码本地化,这样就相当于给百度的分享代码加入了SSL证书,也使分享代码HTTPS化。
可以GITHUB上下载:https://github.com/hrwhisper/baiduShare
在GITHUB上直接打包下载即可,如果不会可以百度一下。
如果下载不到,可以在本文的最后给出的下载地址,进行下载。
解压你下载到的压缩包并得到一个“static”文件夹,并将这个文件夹包括其中的文件全部放到你网站的根目录下
不知道的网站根目录的,可以百度一下,有很多解答方法
注意,必须放在根目录下,放在其他目录,JS会加载失败,图片也不能显示。
百度搜索“百度分享”找到百度分享的官方网站,并根据自网站的需求获取到相对应的百度分享代码
如下
<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","bdPic":"","bdStyle":"0","bdSize":"16"},"share":{},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到:","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};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://bdimg.share.baidu.com/static/api/js
复制
将这个网址,改成你压缩包放入的地址,一般都是你的域名
https://你的域名/static/api/js
复制
或直接用相对地址
/static/api/js
复制
到此,百度分享HTTPS化的教程结束。
本博客,也是用的这一个方案解决的问题,可以看一下我的分享代码