博客园添加打赏按钮

seo keyword: 博客园美化 博客园打赏 网页推荐打赏按钮 支付宝打赏二维码 支付宝打赏 微信打赏二维码 博客园添加打赏按钮

正文

首先在博客园添加任何东西都必须要申请js权限的: 申请教学点我
主要是用到tctip这个库
项目地址: https://github.com/greedying/tctip
原作者已经不更新了，建议寻找其他替代品~
最新版本: https://raw.githubusercontent.com/greedying/tctip/master/dist/tctip-1.0.4.min.js
下载下来之后在博客园后台的文件上传
然后在公告栏里输入

<script src="//files.cnblogs.com/files/你的用户名/tctip-1.0.4.min.js"></script>
<script>
  new tctip({
    top: '20%',
    button: {
      id: 9,
      type: 'dashang',
    },
    list: [
      {
        type: 'alipay',
        qrImg: '\/\/files.cnblogs.com/files/你的用户名/alipay.bmp'
      }
    ]
  }).init()
</script>

我这里只用了支付宝，如果要用微信可以这样:

<script>
  new tctip({
    top: '20%',
    button: {
      id: 9,
      type: 'dashang',
    },
    list: [
      {
        type: 'alipay',
        qrImg: './images/alipay.jpg'
      }, {
        type: 'wechat',
        qrImg: './images/wechat.jpg'
      }
    ]
  }).init()
  </script>

记得把收款码替换掉~
博客园的文件只能上传bmp，可以把后缀名改了再上传

这样就弄好啦
可以的话帮我点一下右下角的推荐~