纯代码完美实现WordPress点赞、打赏、百度分享三合一样式详细教程(续篇)——解决百度分享https

之前本博主有幸探索出纯代码完美实现WordPress点赞、打赏、百度分享三合一样式的方式,点击链接可详见上篇博文。但是,之前本站是http协议访问方式,因现在本博客开启了全站的https,百度公司对百度分享这个“孩子”不上心,导致百度分享不能使用https,这也导致了浏览器打开本站是会提示“网站存在不安全因素……”,这样太影响使用心情了,忧伤ԅ(¯㉨¯ԅ)

既然百度分享使用https方式存在问题,咱就必须解决呀,因此就有了这篇续作。主要思路是将百度分享的链接内容本地化,主要包括百度分享用到的js、css和图标等文件。本文主要参考了细语呢喃博主所写博文《百度分享不支持https的解决方案》的一些方法,然后根据实际的使用环境进行了简单的修改。

优化wordpress的三合一样式的点赞、打赏,解决百度分享https功能

优化wordpress的三合一样式的点赞、打赏,解决百度分享https功能

1.准备百度分享的资源

这里要感谢 细语呢喃 博主,对百度分享的相关js、css和图标资源进行了整合发布,下载地址如下:

Github地址(推荐,2016.10.2更新):
<a href="https://github.com/hrwhisper/baiduShare" target="_blank" rel="noopener noreferrer">https://github.com/hrwhisper/baiduShare</a>      PS: 求点star!鼓励一下细语呢喃博主!

下载解压之后,将里面的“static”全部内容放入https://cdn.go2do.net/的根目录,因为本站使用了多域名加速方案,所以是https://cdn.go2do.net/这个域名下的根目录,如果没有使用多域名方案,就直接放在网站根目录即可。注意放置后目录的权限问题,要确保里面的文件在WWW权限下可以访问。

百度原始share.js的有关资源加载路径是” http://bdimg.share.baidu.com/ “, 对于本博客的情况,需要修改百度分享的share.js文件里面第一个“staticUrl:”后的路径改为“https://cdn.go2do.net/”,还要核对另外一处” “r=window._bd_share_main.jscfg.domain.staticUrl+”static/”+t+”/” “中” static/ “与实际的文件名一致;另外,nsClick: “http://nsclick.baidu.com/v.gif” 修改为 nsClick: “https://cdn.go2do.net/”。如果是将“static”放在网站根目录的,不需要修改了,因为细语呢喃博主分享的文件里已经将该路径改为“/”了。

2.分拆百度分享CSS优化

这里的分拆主要是指将前一篇文章里 jBox-3in1-bdshare.css 里面的百度分享的CSS内容去掉,我这里将新的的 CSS 文件命名为 jBox-3in1.css 点击这里下载新的整合了jBox 点击弹框样式和赞/赏/分享三合一样式的文件。同时,记得修改 head 头文件里 或者 functions.php 引入的 CSS文 件名称,即将 jBox-3in1-bdshare.css ————改为————> jBox-3in1.css。

3.修改百度分析原生JS代码

这一步的工作就很轻松容易了,主要就是修改百度分享原生JS代码里面引用的资源路径,将引用的原始的外链百度路径改成我们自己的即可。

上一篇文章里第3点(点赞、打赏和分享功能JS动作响应代码)中 第45行代码里的如下内容:

.src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
#替换为:(也就是改成我们本地的存放路径。。。)
.src='https://cdn.go2do.net/bdsharestatic/api/js/bdshare.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];

终于,百度分享不支持HTTPS的这个大麻烦终于被我们解决了!其实,我们可以再脑洞大开一下,对于很多的”特殊资源”比如google字体是否都可以用这种方式进行本地化呢……方法:chrome – F12 – source 查看加载的资源文件,然后保存到本地……

欢迎投稿、分享转载,转载请保留如下信息:格物躬行博客[https://www.go2do.net]

本文由 [go2do] 原创,本文链接: https://www.go2do.net/vps/how-use-zan-shang-baidu-share-https-ssl-tls-wordpress.html



You may also like...

发表评论

电子邮件地址不会被公开。

本页共执行138次数据库查询,耗时0.278秒,使用内存 1.76 MB