摘要

由于本站實現了全站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");

});

});

效果圖如下

總結

以上是生活随笔為你收集整理的分享按钮 html代码,超简洁微博分享按钮代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。