[原创]网站文章页面添加分享按钮，百度按钮代码复制使用时不显示问题解决！
在自己的站點上寫了些文章，有些文章想要分享給朋友或者朋友圈等等地方，沒有分享功能只能貼網址似乎很不友好，如果通過分享按鈕分享的分享出去的不管是在聊天消息還是空間，都是帶有標題 縮略圖和簡介的友好樣式。
分享代碼要自己寫？css也自己美化？NO！太費勁了，網上肯定是有統一樣式的！
百度“分享按鈕”確實找到不少，果斷點進了百度的，“分享按鈕——百度分享”的連接，還能定制個性按鈕，確實好用。
不過事情當然不是很順利了，不然也就不會寫這篇文章了！作為菜鳥的我百度的操作我暫時還是看不懂的！
按鈕還是很好看的，復制代碼,現在本機新建一個html文檔，代碼放進去，托到瀏覽器打開看樣式，GG了，啥都沒有！
當然了，表面上啥都沒有，但是源代碼中還是有的，看到標簽上定義的class，我就明白了，同時我也想罵人了！
不給css要我自己寫嗎？？？沒有css怎么顯示？你頁面上的是怎么顯示的？？？ 這就說明他的頁面是引用css的，怎么辦？找唄！
首先，在分享按鈕的定制頁面，能顯示出按鈕的頁面上，保存網頁，然后只保留按鈕的代碼 和<head>中的所有代碼，把其他的都刪掉。當然，css和js文件也是要留下的，
方法你可以按下f12打開審核元素，把其他的div刪掉，只留下按鈕的div再保存網頁，
也可以先在代碼中找到按鈕的代碼，復制那一段記好，再把整個頁面保存下來，把body中的所有代碼刪掉，貼上剛才復制的按鈕代碼！
按鈕代碼（div引用了一個class所以要留下，不然你可以刪掉試一下）
<div class="bdsharebuttonbox"> <a href="http://share.baidu.com/code#" class="bds_more" data-cmd="more"></a> <a href="http://share.baidu.com/code#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空間"></a> <a href="http://share.baidu.com/code#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a> <a href="http://share.baidu.com/code#" class="bds_tqq" data-cmd="tqq" title="分享到騰訊微博"></a> <a href="http://share.baidu.com/code#" class="bds_renren" data-cmd="renren" title="分享到人人網"></a> <a href="http://share.baidu.com/code#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a></div>最終刪掉了所有引用的css和js、只留下了一條引用“share.js”的代碼，而按鈕在本地依然能夠顯示，說明share.js就是我們要找的！
到這一步也就差不多了，該的都有了，也就可以使用了。
我要把它放到我的文章頁面，需要找一個合適的位置把代碼貼上！我選擇放在結束的聲明位置把！效果就是本頁面看到的！
你可以吧js直接寫在頁面里。也可以在頭部文件里，引用js（這種方式代碼簡潔，網頁速度快，維護方便）。
到此也就可以了！給大家下js的連接。
按鈕js代碼下載
?
2018-8-30 首發于idxueqi.cn，轉載請注明作者[Xueqi]與出處！
總結
以上是生活随笔為你收集整理的[原创]网站文章页面添加分享按钮，百度按钮代码复制使用时不显示问题解决！的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 02 Android 植物人大战僵尸-背
- 下一篇： BigBrother的大数据之旅Day