【整理】博客園如何增長打賞功能

博客園如何增長打賞功能

　　網上有很多關於給博客園增長打賞功能的帖子，本身看了一些後，結合各個的特色進行整理，具體實現步驟以下：

1.準備收款碼

　　分別獲取微信和支付寶的收款二維碼，並在電腦上將其後綴名改成.bmp格式。

       注：因爲微信和支付寶時長更新，如何獲取收款二維碼的步驟就不細說，百度一下就能夠了，不難。

2.上傳收款碼

　　進入本身的博客園—>點擊「管理」—>點擊「文件」，如圖2.1所示—>上傳步驟1中準備好的收款碼，如圖2.2所示

圖2.1 點擊「文件」

圖2.2 上傳收款碼

3.申請JS權限

　　進入本身的博客園—>點擊「管理」—>點擊「設置」，如圖3.1所示—>找到一個大概叫"申請JS權限"的按鈕—>填入申請理由，點擊提交—>等待管理員經過審覈

　　注：由於我已經審覈經過了，因此沒有這個按鈕，沒法截屏示範，可是不難找

圖3.1 點擊「設置」

4.複製代碼

　　管理員審覈經過JS權限後

　　進入本身的博客園—>點擊「管理」—>點擊「設置」，如圖4.1所示—>將以下代碼複製到「頁首Html代碼」中，如圖4.2所示

 1 <script>
 2 window.tctipConfig = {
 3         imagePrefix: "http://files.cnblogs.com/files/kdy11/",
 4         cssPrefix:     "http://files.cnblogs.com/files/kdy11",
 5         buttonImageId:  4,
 6         buttonTip:  "dashang",
 7         list:{
 8             alipay: {qrimg: "http://files.cnblogs.com/files/engraver-lxw/ZFB.bmp"},
 9             weixin:{qrimg: "http://files.cnblogs.com/files/engraver-lxw/WX.bmp"},
10         }
11 };
12 </script>
13 <script src="http://files.cnblogs.com/files/kdy11/tctip.min.js"></script>

圖4.1 點擊「設置」

圖4.2 「設置」中的「頁首Html代碼」

5.修改代碼

　　進入本身的博客園—>點擊「管理」—>點擊「文件」，如圖2.1所示—>在「上傳文件管理」中會出現步驟二上傳的收款碼的文件名，如圖5.1所示

　　點擊收款碼的文件名，如圖4.1中的「WX.bmp」，會彈出如5.2所示的網頁，顯示本身上傳的收款碼，複製網頁的連接（簡稱連接1），即圖5.2中的紅框，替換步驟4中第9行代碼的連接；

       同理，點擊另外一個收款碼的文件名，得到連接2，替換步驟4中第8行代碼的連接。

圖5.1 上傳文件管理

圖5.2 收款碼網頁

6.點擊「保存」

　　點擊保存後，進入本身的博客看看，在博客的右側是否有「打賞」按鈕出現。

 

　　若有不對的地方，很是歡迎給予指導！

　　若有疑問，能夠給我留言

 

【感謝】部分資料來源於

——https://www.cnblogs.com/unnamedprogramer/p/6186663.html

——https://www.cnblogs.com/kdy11/p/5838175.html