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里面打開鏈接，也可以正常看到打賞功能，直接按住二維碼選中“識別圖中二維碼”，就可以對博主進行打賞支持。是不是很方便呢？（歡迎測試）

后記：
以上是本人在博客園開通個人技術博客后第二天，自行添加打賞功能的步驟，特此分享一下，希望對想添加打賞功能的朋友有所幫助。如果幫助到了你，歡迎給我打賞支持一下哦。
【轉載請注明博文來源：https://www.cnblogs.com/zhang502219048/p/10958838.html】