为博客园添加打赏功能

说明

在介绍具体的操作步骤之前,需要说明以下几点:

  1. 使用的是tctip打赏插件,链接地址:https://github.com/greedying/tctip
  2. 使用打赏插件必须要申请JS使用权限

操作步骤

1 准备工作:

准备支付宝和微信的二维码,最好转换成bmp格式的图片,下载好前面提到的打赏插件。

2 上传文件:

进入自己的博客园,然后进入 管理--->文件,在这里上传自己第1步中准备好的二维码图片和打赏插件。

3 复制并根据自己的博客修改如下代码:

<script src="https://blog-static.cnblogs.com/files/mlgjb/tctip-1.0.3.min.js"></script>//修改1
<script>
 new tctip({
    top: '20%',
    button: {
      id: 9,
      type: 'dashang',
    },
    list: [
      {
        type: 'alipay',
        qrImg: 'https://files.cnblogs.com/files/mlgjb/zfb.bmp'  //修改2
      }, {
        type: 'wechat',
        qrImg: 'https://files.cnblogs.com/files/mlgjb/wx.bmp'  //修改3
      }, {
        type: 'bitcoin',
        qrContent: '1PhQySHF1ZuoRwoZ8G4CDLEtE6fAnD3GJP'  //比特币支付方式,可以删除
      }
    ]
  }).init()
</script>

修改1:进入博客,“管理”-->“文件”-->“上传文件管理”-->“文件名”,点击对应的文件名,复制浏览器栏中的url,替换上述代码中的链接(用引号阔起来的)。
修改2,3:同修改1。

4 将修改后的代码粘贴到指定位置:

进入博客,找到“管理”-->“设置”,下拉到“首页Html代码”,将上面修改后的代码粘贴进去,点击“保存”。

5 完成。刷新一下,查看自己的打赏功能吧!!

详细的说明可以查看https://github.com/greedying/tctip

猜你喜欢

转载自www.cnblogs.com/mlgjb/p/9255165.html