打赏

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

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: "https://files.cnblogs.com/files/mengfangui/zgb.bmp"
                },
                weixin: {
                    //修改二：修改微信收款码地址
                    qrimg: "https://files.cnblogs.com/files/mengfangui/wx.bmp"
                },
            }
        };
    </script>
    <script src="http://static.tctip.com/js/tctip.min.js"></script>

    <body>

</html>

主要有两处修改，分别是修改支付宝收款码图片地址和微信收款码图片地址。

获取修改支付宝收款码图片地址和微信收款码图片地址的方法为：博客园--“我的博客”--管理--文件

 

5、将修改后的代码复制到页首Html代码

方法为：博客园--“我的博客”--管理--设置--页首Html代码--保存

 

查看博客页面效果：

 

posted @ 2017-08-10 14:49  孟繁贵  阅读(2463)  评论(7)  编辑  收藏  举报
TOP