https博客園我的博客增長打賞功能心得（支付寶和微信分享後的連接在手機端也能夠用到打賞功能）

1. 收款碼
1.1 保存
把本身的支付寶和微信二維碼收款碼（注意是收款碼而不是付款碼，別搞錯）兩個圖片保存到電腦，並使用圖片編輯工具（Windows自帶畫圖軟件，或者QQ等其餘截圖工具均可以）只截取二維碼部分便可。

1.2 上傳
進入我的博客，點「管理」，再點「相冊」，添加好相冊名稱（相似文件夾名稱），並上傳這兩個收款二維碼，而後能夠在圖片上面右擊鼠標查看或複製圖片網址。

2. JS
2.1 開通博客JS權限
點「設置」，找到「博客側邊欄公告（支持HTML代碼）」，點擊【申請JS權限】，這裏須要填寫理由，一開始試過填寫其餘的一些理由但未獲經過，後來直接寫想增長打賞功能以便加強寫技術博文的動力，而打賞功能須要使用JS，申請JS權限便得到經過。

2.2 填寫JS代碼
在「博客側邊欄公告」下面文本框中輸入如下代碼，注意把兩個收款碼圖片網址改爲你本身的。

<script src="https://static.tctip.com/tctip-1.0.0.min.js"></script>
<script>
    new tctip({
        top: '20%',
        button: {
            id: 9,
            type: 'dashang',
        },
        list: [
          {
              type: 'alipay',
              qrImg: 'https://www.cnblogs.com/images/cnblogs_com/zhang502219048/1474133/t_alipay.png'
          }, {
              type: 'wechat',
              qrImg: 'https://www.cnblogs.com/images/cnblogs_com/zhang502219048/1474133/t_wechat.png'
          }
        ]
    }).init()
</script>

另外說明一下，如今的博客園是https的，因此須要使用https://static.tctip.com/tctip-1.0.0.min.js而不是使用http://static.tctip.com/tctip-1.0.0.min.js，纔可以在打開我的博客時能自動出現打賞圖片。若是這個js網址是使用http而不用https，默認打開博客是不會有打賞圖片的，被攔截了，須要博客讀者本身手工主動去容許JS，那樣可能會減小不少收入來源哦。

3. 查看效果
3.1 電腦端效果
用手機的支付寶或者微信APP掃描相應二維碼收款碼，就能夠對博主進行打賞支持。（歡迎測試）

3.2 手機端效果
能夠把博文經過二維碼分享到微信或者支付寶APP，而在APP裏面打開連接，也能夠正常看到打賞功能，直接按住二維碼選中「識別圖中二維碼」，就能夠對博主進行打賞支持。是否是很方便呢？（歡迎測試）

後記：
以上是本人在博客園開通我的技術博客後次日，自行添加打賞功能的步驟，特此分享一下，但願對想添加打賞功能的朋友有所幫助。若是幫助到了你，歡迎給我打賞支持一下哦。
【轉載請註明博文來源：http://www.javashuo.com/article/p-ervchzqg-hp.html】