打赏

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

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 @   孟繁贵  阅读(2462)  评论(7编辑  收藏  举报
编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
TOP
点击右上角即可分享
微信分享提示