zoukankan      html  css  js  c++  java
  • 五个步骤为博客园添加打赏功能

    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>

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

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

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

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

    查看博客页面效果:

  • 相关阅读:
    mysql用户
    mysql字符集
    tidb之一致性算法raft学习
    更新港资股票数据
    php中的时区设置
    PHP 中的注释
    python下如何处理windows的路径名
    安装第三方模块
    偏函数
    装饰器没学明白,记录一下,以后再学
  • 原文地址:https://www.cnblogs.com/mengfangui/p/7339303.html
Copyright © 2011-2022 走看看