前段时间,给我的博客部署了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='https://guminfeng.cn/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>