现在很多的网站都已上了安全证书SSL实现了HTTPS化,这样不仅使网站的安全得以保证,而且还防止了被一些非法的运营商劫持DNS的情况。
虽然说网站上了HTTPS以后,网站的网安全有了保证,但是一些网站的插件是不支持HTTPS的,比如百度的分享代码。
今天就说一说如何解决,百度分享代码在HTTPS网站下不能使用的问题。
这里的解决方案是把百度的分享代码本地化,这样就相当于给百度的分享代码加入了SSL证书,也使分享代码HTTPS化。
下载百度分享代码本地包
可以GITHUB上下载:https://github.com/hrwhisper/baiduShare
在GITHUB上直接打包下载即可,如果不会可以百度一下。
如果下载不到,可以在本文的最后给出的下载地址,进行下载。
安装
解压你下载到的压缩包并得到一个“static”文件夹,并将这个文件夹包括其中的文件全部放到你网站的根目录下
不知道的网站根目录的,可以百度一下,有很多解答方法
获取分享代码
百度搜索“百度分享”找到百度分享的官方网站,并根据自网站的需求获取到相对应的百度分享代码
如下
<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化的教程结束。
本博客,也是用的这一个方案解决的问题,可以看一下我的分享代码