首页 > > 网页制作 > css >

五个步骤为博客园添加打赏功能

2018-06-24 01:44:51来源：未知阅读 ()

1、准备支付宝和微信收款的二维码图片

（1）获取微信收款图片方法：

微信--“我”--钱包--收付款--二维码收款--保存收款码

（2）获取支付宝收款图片方法：

支付宝--“收钱”--保存图片

2、图片上传到博客园

方法：博客园--“我的博客”--管理--文件--上传文件

如下图所示，注意将步骤1中的图片的扩展名改为“bmp”

3、向博客园申请获取JS权限

方法：博客园--“我的博客”--管理--设置--获取JS权限

如下图所示：

4、修改如下代码：

<!DOCTYPE html>
<html lang="zh-CN">

    <head>
        <meta charset="utf-8" />
        <meta name="keywords" content="打赏" />
        <meta name="description" content="打赏" />
        <title>打赏</title>
    </head>
    <script>
        window.tctipConfig = {
            staticPrefix: "http://static.tctip.com",
            buttonImageId: 5,
            //zanzhu--博客园右边出现"赞助"二字
            //buttonTip: "zanzhu",
            //dashang--博客园右边出现"打赏"二字
            buttonTip: "dashang",
            list: {
                alipay: {
                    //修改一：修改支付宝收款码地址
                    qrimg: "http://files.cnblogs.com/files/mengfangui/zgb.bmp"
                },
                weixin: {
                    //修改二：修改微信收款码地址
                    qrimg: "http://files.cnblogs.com/files/mengfangui/wx.bmp"
                },
            }
        };
    </script>
    <script src="http://static.tctip.com/js/tctip.min.js"></script>

    <body>

</html>