让百度分享支持https站点的方法

2017年6月19日 建站技术 浏览 9,373 4 条评论 A+

让百度分享支持https站点的方法

百度分享在百度公司内部应该是已经被边缘化的产品了,毕竟分享类和评论类的产品盈利方面都比较麻烦。百度分享到目前为止估计也已经有两三年没有更新过了,其官方网站的资讯更新至今还停留在2012年的时候。这么长时间未更新以至于现在百度系很多产品都https化了,但百度分享仍然还是不支持,对开发者来说很麻烦。如果网站已经启用全站https则使用百度分享后会出现加载问题,百度分享的核心JavaScript会被拦截掉,导致百度分享无法正常使用。解决方法是直接将百度分享所有代码和资源托管在自己的服务器上。

以下是让百度分享支持https站点的解决方案

1、首先下载百度分享的全部资源文件:

Github:https://github.com/kimsom/baiduShare

百度网盘:http://pan.baidu.com/s/1pLrz26R 密码: gr6b

2、将资源文件上传至本地服务器的根目录;

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

<div class="bdsharebuttonbox">
<a title="分享到QQ空间" class="fa fa-qq" data-cmd="qzone" href="#"></a>
<a title="分享到新浪微博" class="fa fa-weibo" data-cmd="tsina"></a>
<a title="分享到腾讯微博" class="fa fa-pinterest-square" data-cmd="tqq"></a>
<a title="分享到人人网" class="fa fa-renren" data-cmd="renren"></a>
<a title="分享到微信" class="fa fa-weixin" data-cmd="weixin"></a>
<a title="更多" class="bds_more fa fa-plus-square" data-cmd="more"></a>
</div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdPic":"","bdStyle":"0","bdSize":"16"},"share":{},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到:","viewSize":"16"},"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>

4、将其中的百度分享核心JavaScript地址修改为本地服务器中的地址,如我的博客:

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

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

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

7、以下是我的博客的百度分享完整代码:

<div class="bdsharebuttonbox">
<a title="分享到QQ空间" class="fa fa-qq" data-cmd="qzone" href="#"></a>
<a title="分享到新浪微博" class="fa fa-weibo" data-cmd="tsina"></a>
<a title="分享到腾讯微博" class="fa fa-pinterest-square" data-cmd="tqq"></a>
<a title="分享到人人网" class="fa fa-renren" data-cmd="renren"></a>
<a title="分享到微信" class="fa fa-weixin" data-cmd="weixin"></a>
<a title="更多" class="bds_more fa fa-plus-square" data-cmd="more"></a>
</div>
<script>window._bd_share_config={"common":{"bdSnsKey":{"tsina":"3743701490"},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"1","bdSize":"16"},"share":{"bdSize":16}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='https://www.kimsom.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>

目前评论:4   其中:访客  4   博主  0

  1. 下拉通刷词系统 4

    这感觉没必要的吧,https 普通博客根本用不到了

  2. 二次元空间 0

    文章内容很不错,看来博主是用心写的,留言支持下,欢迎回访我的网站,如果觉得我的网站能否交换个友链

  3. 武胜婚庆公司 3

    这篇文章写得很好。

  4. 武胜 3

    文章不错支持一下。

评论加载中...

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: