百度分享,简单的一步操作解决你的网站不支持https访问的问题!

时间:2024-02-22 15:41:13

百度分享,应该是目前最好用的前端分享插件了。然而,官方却没有支持https。现在越来越多的网站都走入https的安全加密队列了,那么在找不到更好地替代品的情况下,怎么能让它支持https呢?

答案当然是有的,当前就有一位前端“前辈”把它重新封装的代码放到了github上。这里留个链接,以示尊重!BdShare Github

不过,他的方法还是得将源码放到本地,对于新手来说,还会遇到设置文件权限等各种小bug。。。

这里就将我想到的最简单的使用方法公布出来,只需要你修改官方的一个链接即可!其实很简单,有兴趣的朋友,可以自己下载源码看看,其实也没改什么,就改了个路径而已。


<script>
    window._bd_share_config = {
        "common": {
            "bdSnsKey": {},
            "bdText": "",
            "bdMini": "2",
            "bdMiniList": ["qzone", "sqq", "tsina", "weixin", "tieba", "tqq", "youdao", "fbook", "twi", "linkedin", "copy"],
            "bdPic": "",
            "bdStyle": "1",
            "bdSize": "16"
        },
        "slide": {
            "type": "slide",
            "bdImg": "3",
            "bdPos": "right",
            "bdTop": "100"
        },
        "image": {
            "viewList": ["qzone", "tsina", "tqq", "renren", "weixin"],
            "viewText": "分享到:",
            "viewSize": "24"
        },
        "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>

以上是官方生成的百度分享代码,这一步大家都会,我只是整理了格式,其他的不多废话。下面开始正题,将其中红色链接的域名修改了即可。(众所周知,https不支持引入http文件,所以就将这个域名换为https的就可以。) 

http://bdimg.share.baidu.com 修改为 https://xiaolexin.github.io/le