博客园的打赏功能
简单几步为自己的博客园主页添加打赏功能:
1 准备工作:
准备支付宝和微信的二维码,后缀名需修改.bmp格式。如zfb.bmp,wx.bmp。
2 上传图片:
进入自己的博客园,然后进入 管理--->文件,在这里上传自己第1步中准备好的二维码图片。
3 复制并根据自己的博客修改如下代码:
<!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,
buttonTip: "zanzhu",
list:{
alipay: { qrimg: "https://files.cnblogs.com/files/unnamedprogramer/zfb.bmp"}, //修改1
weixin: { qrimg: "https://files.cnblogs.com/files/unnamedprogramer/wx.bmp"}, //修改2
}
};
</script>
<script src="http://static.tctip.com/js/tctip.min.js"></script>
<body>
</body>
</html>
修改1:进入博客,“管理”-->“文件”-->“上传文件管理”-->“文件名”,点击对应的文件名,如博主自己的zfb.bmp这能预览图片,复制图片url,替换上述代码中alipay对应的qrimg参数。
修改2:同修改1.
4 将修改后的代码粘贴到指定位置:
进入博客,找到“管理”-->“设置”,下拉到“首页Html代码”,将上面修改后的代码粘贴进去,点击“保存”。
5 完成。刷新一下,查看自己的打赏功能吧!!
最后,感谢https://github.com/greedying/tctip!!
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET 原生驾驭 AI 新基建实战系列:向量数据库的应用与畅想
· 从问题排查到源码分析:ActiveMQ消费端频繁日志刷屏的秘密
· 一次Java后端服务间歇性响应慢的问题排查记录
· dotnet 源代码生成器分析器入门
· ASP.NET Core 模型验证消息的本地化新姿势
· 从零开始开发一个 MCP Server!
· ThreeJs-16智慧城市项目(重磅以及未来发展ai)
· .NET 原生驾驭 AI 新基建实战系列(一):向量数据库的应用与畅想
· Ai满嘴顺口溜,想考研?浪费我几个小时
· Browser-use 详细介绍&使用文档