站点自从开启 https 之后 ,百度分享就不能用了!但是又寻找不到类似百度分享的替代品。。

怎么办呢?要如何解决 百度分享不支持https的问题呢,

跟着博主动动手,让你百度分享仍然能在https下使用 ~

伸手党

先上伸手党的解决方案~

博主修改好的分享代码(下面两个链接下载其中一个)的即可

  • Github地址(推荐,2016.10.2更新):https://github.com/hrwhisper/baiduShare

    • PS: 求点star!鼓励一下博主!
  • 旧版本,不再更新。 备用地址: http://pan.baidu.com/s/1i4c1hnn 密码:0kjw 

下载方式如下:

static 解压后丢到站点根目录下即可。

然后对应的百度分享代码中,把http://bdimg.share.baidu.com/改为 /

.src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
改为
.src='/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>

本博客若无特殊说明则由 hrwhisper 原创发布
转载请点名出处:细语呢喃 > 百度分享不支持https的解决方案
本文地址:https://www.hrwhisper.me/baidu-share-not-support-https-solution/

以下是百度分享 HTTPS 版的解决方案:

1、首先前往 GitHub 下载百度分享的全部资源文件:https://github.com/hrwhisper/baiduShare

2、将资源文件上传至本地服务器如蓝点网的:https://www.landiannews.com/static/api/

3、前往百度分享主页定制化你自己需要的分享内容以及排序等,然后获得的代码类型如下:

<divclass="bdsharebuttonbox"><ahref="#"class="bds_more"data-cmd="more"></a><ahref="#"class="bds_qzone"data-cmd="qzone"title="分享到 QQ 空间"></a><ahref="#"class="bds_tsina"data-cmd="tsina"title="分享到新浪微博"></a><ahref="#"class="bds_tqq"data-cmd="tqq"title="分享到腾讯微博"></a><ahref="#"class="bds_renren"data-cmd="renren"title="分享到人人网"></a><ahref="#"class="bds_weixin"data-cmd="weixin"title="分享到微信"></a></div><script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};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='+~(-newDate()/36e5)];</script>

4、将其中的百度分享核心 JavaScript 修改本地服务器中的地址,如蓝点网的:

https://www.landiannews.com/static/api/js/share.js

5、到这里绝大部分未针对百度分享代码进行修改的网站应该都是可以正常使用了。

6、Share.js 中所包含的其他 JavaScript、CSS 以及图片等使用的是绝对路径,如果你进行定制化的修改则需要同步进行修改。

7、以下是蓝点网的百度分享完整代码,除了修改 Share.js 外也引入了自定义的 CSS 样式文件:

<divclass="bdsharebuttonbox"><span> 分享到:</span><ahref="#"class="bds_tsina"data-cmd="tsina"title="分享到新浪微博"></a><ahref="#"class="bds_weixin"data-cmd="weixin"title="分享到微信"></a><ahref="#"class="bds_qzone"data-cmd="qzone"title="分享到 QQ 空间"></a><ahref="#"class="bds_sqq"data-cmd="sqq"title="分享到 QQ 好友"></a><ahref="#"class="bds_douban"data-cmd="douban"title="分享到豆瓣网"></a><ahref="#"class="bds_twi"data-cmd="twi"title="分享到 Twitter"></a><ahref="#"class="bds_fbook"data-cmd="fbook"title="分享到 Facebook"></a><ahref="#"class="bds_youdao"data-cmd="youdao"title="分享到有道云笔记"></a><ahref="#"class="bds_renren"data-cmd="renren"title="分享到人人网"></a><ahref="#"class="bds_kaixin001"data-cmd="kaixin001"title="分享到开心网"></a><ahref="#"class="bds_mail"data-cmd="mail"title="分享到邮件分享"></a><ahref="#"class="bds_more"data-cmd="more"></a><span>(</span><aclass="bds_count"data-cmd="count"title="累计分享 0 次">0</a><span>)</span></div><script>
window._bd_share_config ={common:{"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"24"},share:[{bdCustomStyle:"//www.landiannews.com/static/api/css/share.css"===>自定义样式表}]}with(document)0[(getElementsByTagName("head")[0]||body).appendChild(createElement("script")).src="//www.landiannews.com/static/api/js/share.js?cdnversion="+~(-newDate()/36e5)];===>将本地的Share.js 引入</script>

自己动手,丰衣足食

所谓授人以鱼不如授人以渔,博主把主要的修复过程记录如下:

获取百度分享的文件

你可以直接用chrome – F12 – source 查看有什么文件,然后保存(注意微信的需要先点一下,对应的 css 才会出来)

也可以直接看博主分享的文件,对应着下载。

把域名改成http://bdimg.share.baidu.com/加上对应的路径即可

修改一些文件

直接这么丢上去是会有问题的,你地址栏绿色的小锁会消失 T^T

就是说你虽然是Https的站点,但请求了http的资源,这种混合模式是不好滴

修复方法:

  1. static\api\js\share.js

    • domain: {staticUrl: “http://bdimg.share.baidu.com/”} 修改为 domain: {staticUrl: “/”}
    • nsClick: “http://nsclick.baidu.com/v.gif”  修改为  nsClick: “/”,
  2. static\api\js\trans\logger.js
    • 把里面的内容都删掉,但保留这个空文件

貌似就是这两个步骤,博主应该没漏掉

修改印象笔记图标

博主用的是主题1(明显比主题0好看啊,主题0还没印象笔记图标),

但是由于下面那个更多用的是主题0的图片,会造成加载两个图片,让我微微不爽(同样的没有印象笔记图标!)

于是修改如下:

  1. static\api\css\share_popup.css

    • 最后加上 .popup_evernotecn{background-position:4px -3190px;}
  2. static\api\css\share_style0_16.css
    • 最后加上 .bds_evernotecn{background-position:0 -3195px}
  3. 把 icons_1_16.png 重命名为 icons_0_16.png
    • 可选:用tinypng 把图片压缩下,博主现在这个图片就7.81KB

微信URL过长失败二维码出不来的问题

原因:网址过长时调用dwz API,而该网站不支持HTTPS

修复方式有两种

  1. 允许长的网址
  2. 自己寻找可以缩短网址的API,进行替换

本文采用的是第一种,在trans_weixin.js 修改d函数即可

JavaScript
1
2
3
4
5
6
7
8

d=function(){
s.attr("data-url")!=r&&(u.html("\u6b63\u5728\u52a0\u8f7d"),r.length>200?
/*p(r, function (e) {
h(e, !0)
}) */
h(r):
h(r))
},

百度分享支持https相关推荐

  1. 百度分享不支持https的最简单解决方案

    今天想给大家分享了最近遇到的一个问题,就是我的wordpress网站申请免费的SSL证书做了Https配置之后,我发现百度分享失效了,不能正常显示和分享了.后来查了一些资料发现,百度分享不支持http ...

  2. 百度分享不支持https解决方法

    在页面中加入百度分享的功能时,其不支持https.有一个很好的解决方法就是把百度分享的代码下载到本地,放到本地服务的根目录中. 步骤如下: 1.下载的百度分享包括这些文件: 其中static是放到项目 ...

  3. 百度分享代码插件支持https

    站点自从开启 https 之后 ,百度分享就不能用了!但是又寻找不到类似百度分享的替代品.. 怎么办呢?要如何解决 百度分享不支持https的问题呢, 跟着博主动动手,让你百度分享仍然能在https下 ...

  4. 在HTTPS网站安装百度分享按钮代码及其SEO外链作用

    百度分享按钮,可以帮用户实现一键将网站内容分享到第三方网站,但它的功能与作用远远不止便于分享. 今天,小小课堂网为大家带来的是百度分享按钮代码安装及对网站SEO优化外链的效果.希望对大家有所帮助. 一 ...

  5. 百度分享https以及微信分享手机端链接

    百度官方网站的分享是不支持https的,解决方案是: https://github.com/hrwhisper/baiduShare pc端分享是,存在一个问题,就是微信分享的链接问题,一般我们pc和 ...

  6. 自己动手写js分享插件 [支持https] (QQ空间,微信,新浪微博。。。)

    转载:https://blog.csdn.net/libin_1/article/details/52424340 废话不多说,传送门:http://download.csdn.net/detail/ ...

  7. 百度UEditor控件中的map组件不支持https使用的问题解决

    最近项目部署到了https环境下,使用的UEditor富文本编辑器中的map组件出现了问题,控制台报了一堆错误,主要是mixed content.. ,就连百度的官网上也同样是有这些问题,汗.. 没有 ...

  8. 百度地图API支持HTTPS

    百度地图怎么样才能支持API支持HTTPS 报错信息如下: Mixed Content: The page at 'https://www.c*******8.com/public/admin/ind ...

  9. cloudflare免费证书_久违的百度云加速免费版终于支持 HTTPS 了!

    明月经常会给各位站长们推荐和点评一些性能表现突出的国内免费 CDN 服务,根据免费支持协议(HTTP 和 HTTPS)流量的不同,明月一直推崇的都是百度云加速(免费 HTTP).上海云盾(免费 HTT ...

最新文章

  1. 【FFmpeg】ffmpeg工具源码分析(三):分配过滤器内存(宏GROW_ARRAY)详解
  2. sql server2008用ip远程连接
  3. 2022年全球及中国脂肪酸氯化物行业专项可行性与供需前景调研报告
  4. spring 通过EsClientFactory注入elasticsearch
  5. Salesforce 开发整理(十)项目部署总结
  6. pandas不显示index_pandas层级索引
  7. 锐界机器人_每72秒就有一辆锐界驶下生产线
  8. java actionsupport_ActionSupport与action区别
  9. dosbox使用教程创建masm5
  10. Android聊天软件开发(基于网易云IM即时通讯)——发送视频消息(六)
  11. 独家揭秘影响SEO排名的17项核心因素
  12. PPPOE拨号下MTU设置
  13. 【WSL2 Win10】解决子系统中nividia-smi出现的Failed to initialize NVML GPU access blocked by the operating systeM
  14. Unity多块屏幕显示设置以及分辨率设置
  15. 奢侈品典当价格以及流程又是如何的?现今哪些品牌的奢侈品押呗可以典当!
  16. 1367. 二叉树中的列表
  17. 标准计算机准备室,各功能室建设要求标准.docx
  18. 石头剪刀布php源码,php剪刀石头布编程思路,网页版
  19. 【历史上的今天】8 月 3 日:微软研究院的创始人诞生;陌陌正式上线;苹果发布 Newton OS
  20. 安卓11?快!扶我起来继续学

热门文章

  1. 去中心化自治组织DAO简要介绍
  2. 九校联考-绵阳东辰国际NOIP模拟总结
  3. 金融类APP上架经验分享
  4. Vuepress-theme-reco 构建静态网页错误:在格式错误时超出了最大调用堆栈大小
  5. wps在线编辑梳理(此处整理了对接过后容易出错的地方)
  6. 借贷记账法笔记1(资成费借加贷减,收负所借减贷加)
  7. Lagrange乘子法与KTT条件
  8. agc013e Placing Squares(模型转化+dp+矩阵优化)
  9. OA之我的会议(会议排座送审)
  10. Labplus:Scratch创作工具的替代与进步