分享按钮 html代码,超简洁微博分享按钮代码

摘要

由于本站实现了全站https，百度分享的js就失效了，虽然用的不多但总还是少了点什么。本来打算把百度分享的所有资源下载到我的服务器上调用，但转念一想我就用一个微博分享和百度分享啊，干嘛如此麻烦！

由于本站实现了全站https，百度分享的js就失效了，虽然用的不多但总还是少了点什么。本来打算把百度分享的所有资源下载到我的服务器上调用，但转念一想我就用一个微博分享和百度分享啊，干嘛如此麻烦！

研究下微博分享的页面url我们发现，其实微博分享是通过访问某个特定网址，将需要分享的内容通过参数传入进行分享的，类似这样

http://service.weibo.com/share/share.php?url=https://mr-z.me/2018/08/open-ssl-for-apache2.html&title=这是要分享的内容&appkey=1145278316&pic=https://mr-z.me/wp-content/uploads/2018/08/shmcb-not-supported-error-apache2.png

其中，url是要分享的网页url，title是该条微博的正文内容，appkey是你在微博开放平台appkey，pic是该条微博包含图片的url。如果要在某页面一键分享到微博，只需要构建一个按钮，点击打开特定网址即可。本站是这样实现的。

jQuery(document).ready(function(){

jQuery("[data-cmd='tsina']").click(function(){

var url = window.location.href;

var appkey = '1145278316';

var pic = jQuery('.single-content').find('img')[0].src;

var title = jQuery('[name="description"]').attr('content');

window.open("https://service.weibo.com/share/share.php?url="+url+"&title="+title+"&appkey="+appkey+"&pic="+pic+"&searchPic=true");

});

});

效果图如下