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

今天分享一个小工具，百度分享，十分简单。今天就是贴代码
这里写图片描述

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的文章（差不多整理好，在公司只能明天分享了），涉及到一个当时困扰了我许久的问题，关于系统异常处理。

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

猜你喜欢