百度分享-设置缩略图及标题
js
前端
发布日期:   2019-03-14
文章字数:   365
阅读时长:   1 分
阅读次数:  

一不小心走进你的锅…

当你工作中用到 百度分享，
百度官方提供了两种方式，如图：
avatar
一定会毫不犹豫点进百度分享官网，
按其提示的两种方式选择一种来用，那么问题来了…,当你真的把网页分享出去时，你可能提出类似这种问题：
…无法正常显示分享缩略图和介绍?。
说到这里吐出一口老血！
直接讲重点：
1.按照官方自由选择版，获取到代码后。黏贴到需要分享的网页的js里。下面这是展开的样子：

window._bd_share_config = {
    "common": {
        "bdSnsKey": {},
        "bdText": "", //标题
        "bdDesc": "", //官方解释：“分享的摘要”，此处就是附带分享发出去的文字，你可以尝试加上自行体会...
        "bdMini": "2",
        "bdMiniList": false,
        "bdPic": "", //缩略图
        "bdStyle": "0",
        "bdSize": "16"
    },
    "slide": {
        "type": "slide",
        "bdImg": "1",
        "bdPos": "right",
        "bdTop": "157.5"
    }
};
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)];

2.打开官方专业开发版文档。关于各个参数的解释文档里该跟你说的都说了，说到这里本该结束了。但我还是多加一句，官方不想跟你说的没说…。
比如：当你分享出去自己的网页，再分享出去一个百度百科。具体的坑请自行尝试。

示例：请点这里

赏

  转载请注明: XMwarrior 百度分享-设置缩略图及标题

 上一篇
色调旋转滤镜按钮-在线生成 色调旋转滤镜按钮-在线生成
本例应用颜色拾取插件 https://farbelous.io/bootstrap-colorpicker/tutorial-Basics.html直接放源码，有兴趣的点击例子查看： <html lang="zh"> <hea
2019-03-18 前端
js jquery bootstrap css3
下一篇 
position-sticky position-sticky
position:sticky简介单词sticky的中文意思是“粘性的”，position:sticky表现也符合这个粘性的表现。基本上，可以看出是position:relative和position:fixed的结合体——当元素在屏幕内，
2019-03-14 前端
css css3
  目录