博客园设置

  • 打赏设置

参考https://www.cnblogs.com/zhang502219048/p/10958838.html

感谢大神!

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>

3. 查看效果
3.1 电脑端效果
用手机的支付宝或者微信APP扫描相应二维码收款码,就可以对博主进行打赏支持。(欢迎测试)

posted @ 2020-04-09 15:23  似剑非攻  阅读(216)  评论(0编辑  收藏  举报