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

百度分享,应该是目前最好用的前端分享插件了。然而,官方却没有支持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

作者:itbaby

出处:https://www.cnblogs.com/itbaby/p/9987651.html

版权:本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。

posted @   知风阁  阅读(3255)  评论(1编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
more_horiz
keyboard_arrow_up light_mode palette
选择主题
点击右上角即可分享
微信分享提示