五个步骤为博客园添加打赏功能
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代码--保存
查看博客页面效果:
作者:孟繁贵 Email:meng010387@126.com 期待共同进步!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 基于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)