前段时间,给我的博客部署了SSL证书,使用了https域名,开启了小绿锁。
虚拟主机WordPress部署SSL,我的网站加小绿锁,设置免费SSL证书流程
部署成功后,针对原来的域名需要进一步调整,最主要的就是做好301定向:网站部署SSL后续,通过.htaccess使http自动301跳转到https的方法
本以为一切都OK了,但是今天我有发现博客布置的百度分享不见了,立马进入后台查看代码,一切正常,但是就是不见百度分享的按钮,真是怪了。
然后网上又搜查了一下,原来这是个普遍问题,很多博主都遇到了类似的问题。
在这里不得不吐槽一下,百度的用户体验真是太太太差了,怪不得前段时间被一篇《百度已死》的文章刷屏呢,百度这么大的公司,https都出来这么久了,居然还不能兼容!
好在草根博主的智慧是无限的,很快找来了解决办法:
一、下载百度分享代码本地包
可以GITHUB上下载:https://github.com/hrwhisper/baiduShare
在GITHUB上直接打包下载即可。当然很多博主也提供了本地下载,大家可以找一找。
二、安装
解压你下载到的压缩包并得到一个“static”文件夹,并将这个文件夹包括其中的文件全部放到你网站的根目录下。
三、修改百度分享代码
首先获取百度分享代码,这个跟之前一样,可以到百度官方获取。
根据百度分享代码,找到在百度分享代码中的这段网址代码:
http://bdimg.share.baidu.com/static/api/js
将这个网址,改成你压缩包放入的地址,一般都是你的域名
https://你的域名/static/api/js
或直接用相对地址
/static/api/js
下面是本博客修改后的百度分享代码,布置到需要的地方就OK了!
<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":"2","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://guminfeng.cn/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
噢!评论已关闭。