今天在看网站的时候,发现文章下面分享按钮没有正常显示。F12看了一下发现原来是百度分享不支持HTTPS协议导致的。
百度分享因为加载速度快,支持自定义样式,又能吸引百度蜘蛛抓取网页,被众多国内网站使用。随着Google Chrome和火狐浏览器对没有启用HTTPS协议的HTTPS网站提示不安全,越来越多网站、浏览器启用HTTPS协议,但百度分享目前仍不支持HTTPS引用,那么如何让百度分享支持HTTPS引用呢?
本地化百度分享静态文件
其实原理很简单,就是将百度分享的代码和静态文件从百度的服务器拿到我们自己的服务器进而实现本地化。由于微客网络使用的是DUX主题,以下是针对DUX主题进行的百度分享本地化设置。
感谢hrwhisper大佬给出的本地化代码:
https://github.com/hrwhisper/baiduShare
下载好后将“static”整个文件夹解压到网站跟目录
修改百度分享调用接口链接
后台进入 DUX 主题设置 – 基本 – 分享代码 (v1.8+) 修改百度分享接口调用链接http://bdimg.share.baidu.com
为https://你的网站域名
//修改前
http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
//修改后
https://www.vckers.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
写在最后
至此,我们就完成了百度分享的本地化和HTTPS调用了。接下来删除一下缓存,然后按Ctrl+F5强制刷新浏览器缓存就不会报错了。