Skip to content

Instantly share code, notes, and snippets.

@ifyour
Last active August 24, 2017 01:52
Show Gist options
  • Save ifyour/e9708ae64f9f3a3014f5851d6dd2c884 to your computer and use it in GitHub Desktop.
Save ifyour/e9708ae64f9f3a3014f5851d6dd2c884 to your computer and use it in GitHub Desktop.
配置百度分享, 自定义动态设置分享 URL // Demo : https://goo.gl/bZpqZ6
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.js"><\/script>
<style type="text/css">
.div_list_item {
margin-top: 30px;
}
</style>
</head>
<body>
<div>
<div class="div_list_item">
<div>
<a href="http://shiyousan.com/post/635623857208296120" target="_blank">什么是CSRF攻击</a>
</div>
<div class="bdsharebuttonbox">
<a class="bds_more" href="#" data-cmd="more"></a>
<a title="分享到QQ空间" class="bds_qzone" href="#" data-cmd="qzone" data-id="635623857208296120"></a>
<a title="分享到新浪微博" class="bds_tsina" href="#" data-cmd="tsina" data-id="635623857208296120"></a>
<a title="分享到腾讯微博" class="bds_tqq" href="#" data-cmd="tqq" data-id="635623857208296120"></a>
</div>
</div>
<div class="div_list_item">
<div>
<a href="http://shiyousan.com/post/635581829382059548" target="_blank">win7如何卸载IE11</a>
</div>
<div class="bdsharebuttonbox">
<a class="bds_more" href="#" data-cmd="more"></a>
<a title="分享到QQ空间" class="bds_qzone" href="#" data-cmd="qzone" data-id="635581829382059548"></a>
<a title="分享到新浪微博" class="bds_tsina" href="#" data-cmd="tsina" data-id="635581829382059548"></a>
<a title="分享到腾讯微博" class="bds_tqq" href="#" data-cmd="tqq" data-id="635581829382059548"></a>
</div>
</div>
<div class="div_list_item">
<div>
<a href="http://shiyousan.com/post/635580331379132445" target="_blank">VS重构重命名的快捷键</a>
</div>
<div class="bdsharebuttonbox">
<a class="bds_more" href="#" data-cmd="more"></a>
<a title="分享到QQ空间" class="bds_qzone" href="#" data-cmd="qzone" data-id="635580331379132445"></a>
<a title="分享到新浪微博" class="bds_tsina" href="#" data-cmd="tsina" data-id="635580331379132445"></a>
<a title="分享到腾讯微博" class="bds_tqq" href="#" data-cmd="tqq" data-id="635580331379132445"></a>
</div>
</div>
</div>
<script type="text/javascript">
//全局变量,动态的文章ID
var ShareId = "";
//绑定所有分享按钮所在A标签的鼠标移入事件,从而获取动态ID
$(function () {
$(".bdsharebuttonbox a").mouseover(function () {
ShareId = $(this).attr("data-id");
});
});
/*
* 动态设置百度分享 URL 的函数, 具体参数
* cmd 为分享目标 id, 此id指的是插件中分析按钮的 ID
* 我们自己的文章 ID 要通过全局变量获取
* config 为当前设置,返回值为更新后的设置
*/
function SetShareUrl(cmd, config) {
if (ShareId) {
config.bdUrl = "http://shiyousan.com/post/" + ShareId;
}
return config;
}
//插件的配置部分,注意要记得设置onBeforeClick事件,主要用于获取动态的文章ID
window._bd_share_config = {
"common": {
"onBeforeClick":SetShareUrl,
"bdSnsKey":{},
"bdText":"",
"bdMini":"2",
"bdMiniList":false,
"bdPic":"",
"bdStyle":"0",
"bdSize":"24"
},
"share": {}
};
//插件的JS加载部分
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>
</body>
</html>
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment