您的位置:首页 > 运维架构 > 网站架构

文章/网站分享工具——百度分享

2017-07-03 21:39 225 查看
今天分享一个小工具,百度分享,十分简单。今天就是贴代码



js初始化参数(这里只用到页面分享功能,图片分享功能和画词分享功能稍厚给出网址,可自行查看API)

@* 分享 *@
<script>
window._bd_share_config = {
"common": {
"bdSnsKey": {},
"bdText": "@ViewBag.NavTitle", // 分享的内容
"bdDesc": "自定义描述", // 分享的摘要
"bdUrl": "http://blog.5lzy.com/Blog", // 分享的Url地址
"bdPic": "", // 分享的图片
"bdMini": "2", // 下拉浮层中分享按钮的列数
"bdMiniList": false,
"bdStyle": "2",
"bdSize": "32" // 分享按钮的尺寸
},
"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=' + ~(-new Date() / 36e5)];
</script>


在页面添加分享的图标,div中的class不要改变

<div class="bdsharebuttonbox">
<a href="#" class="bds_more" data-cmd="more"></a>
<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
<a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
<a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
</div>


就是这么简单,将js脚本放在body或form中,将div放在要显示的位置即可。

最后附上API文档地址,提供了丰富的参数,有需要可自行查阅。链接地址

——————————————————-分割线——————————————————

之后的一段时间,可能空闲时间会多一些,文章也会更新的频繁些,但是不会每次都发出分享(某种意义上比较扰民),感兴趣的可以没事浏览一下看看有没有更新即可。明天将更新一篇关于web.config和Global.asax的文章(差不多整理好,在公司只能明天分享了),涉及到一个当时困扰了我许久的问题,关于系统异常处理。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  api 百度 分享功能
相关文章推荐