博客园添加打赏

1申请JS权限

博客园使用JS需要申请权限，如果之前申请过就不需要了，在“我的博客”→“管理”→“设置”里面开通

2准备收款码图片

1、用自己的支付宝、微信生成收款码（注意！是收款码！！！不是付款码！！！），然后裁剪出其中的二维码即可。

2、将收款码图片上传至网络，拿到URL地址，如果是博客园，可以通过“我的博客”→“管理”→“文件”，上传收款码，点击收款码就可以拿到图片地址。

PS：博客园上传文件只支持bmp，所以需要将图片后缀修改为bmp格式。

3添加插件代码

第三方打赏插件：https://github.com/greedying/tctip

将下面代码根据自己的需求做调整后，添加到“我的博客”→“管理”→“设置”→“页脚Html代码”，保存完刷新页面即可。

<script src="https://files.cnblogs.com/files/ycyzharry/tctip-2023.2.22.min.js"></script>
<script>
new tctip({
    top: '20%',
    button: {
      id: 5,
      type: 'dashang',
    },
    list: [
      {
        type: 'alipay',
        qrImg: 'https://files.cnblogs.com/files/ycyzharry/alipay.bmp'
      }, {
        type: 'wechat',
        qrImg: 'https://files.cnblogs.com/files/ycyzharry/wechat.bmp'
      }
    ]
  }).init();
  </script>

参数说明：

（1）top：即该侧边栏插件距离右上方的百分比。

（2）button的id：定义按钮的颜色，目前可选的如下：

（3）button的type：定义按钮上的文字，目前可选的为，dashang=打赏、zanzhu=赞助。

（4）list：定义多个收款码对象，除了上面的支付宝微信，还可以添加财付通、比特币等几种。

（5）list的type：定义收款码种类。目前可选的为，alipay=支付宝、wechat=微信、tenpay=财付通、bitcoin=比特币，等几种。

（6）list的qrImg：定义收款码图片的URL地址。即第二步中准备的内容。

4添加打赏效果

参考：https://www.cnblogs.com/pcheng/p/11644187.html