blog-博客美化-添加打赏按钮

博客美化-添加打赏按钮

1.获取支付宝，微信的收款码

1.1.获取收款码图片

支付宝的使用说明
* 您也可以登录支付宝，打开https://qr.alipay.com/paipai/personal.htm，保存网页上的收款二维码，然后将图片添加到自己的博客园相册里面，然后将图片的地址作为qrimg参数传入,这样别人扫描此二维码将直接使用支付宝快捷支付

微信使用说明
* 打开 微信->收付款>我要收款>长按二维码图片>保存到手机，将图片裁剪后上传到您的服务器，然后将图片添加到自己的博客园相册里面，然后将图片的地址作为qqrimg参数传入即可。

1.2.获取收款码链接地址

• 将图片上传到博客园的相册中右键可以获取图片地址

https://images.cnblogs.com/cnblogs_com/tssc/1251319/o_tssc_alipay_2.jpg
https://images.cnblogs.com/cnblogs_com/tssc/1251319/o_tssc_wechat_2.png
https://images.cnblogs.com/cnblogs_com/tssc/1251319/o_201211123451tssc_wechat_zanshangma.png

2.博客园设置JS代码

• 进入自己的博客园->设置，将以下JavaScript代码添加到“页脚Html代码”

<!--打赏 Start-->
<script>
    window.tctipConfig = {
            staticPrefix: "https://static.tctip.com",
            buttonImageId: 1,
            buttonTip:    "dashang",
            list:{
                alipay: { qrimg: "https://images.cnblogs.com/cnblogs_com/tssc/1251319/o_tssc_alipay_2.jpg"},
                weixin: { qrimg: "https://images.cnblogs.com/cnblogs_com/tssc/1251319/o_tssc_wechat_2.png"},
            }
    };
</script>
<script src="https://static.tctip.com/js/tctip.min.js"> </script>
<!--打赏 End-->

开源插件地址：

https://github.com/greedying/tctip

参考地址：

https://www.cnblogs.com/jackson0714/p/BeautifyBlog_07.html
https://www.jianshu.com/p/16a8f15c543d

<iframe src="https://gitcdn.link/cdn/TinyJay/donate-page/faa9d69210d334af644f254296e1a8b3e24da3be/simple/index.html" style="overflow-x:hidden;overflow-y:hidden; border:0xp none #fff; min-height:240px; width:100%;"  frameborder="0" scrolling="no" allowtransparency="true"></iframe>