博客园添加打赏按钮

Posted 2023-04-03 无名之辈

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了博客园添加打赏按钮相关的知识，希望对你有一定的参考价值。

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，可以把后缀名改了再上传

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