之前在某些博客中看到一个打赏功能,自己也想尝试一下。
参考:
https://github.com/greedying/tctip
第一步:进入“我的博客”->“管理”->“设置”,往下拉,找到“博客侧边栏公告”后面,申请“JS”使用。
申请成功后显示为这样:
第二步,插入打赏功能代码。
greedying/tctip在TA的DEMO中已给出详细的代码
<!DOCTYPE html> <html> <head> <title>赞助</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!--<script type="text/javascript" src="http://static.tctip.com/tctip-1.0.2.js"></script>--> <script type="text/javascript" src="http://raw.githack.com/greedying/tctip/master/dist/tctip-1.0.3.min.js"></script> <script> new tctip({ top: '20%', button: { id: 9, type: 'zanzhu' }, list: [ { type: 'alipay', qrImg: 'https://files.cnblogs.com/files/huanghongbo/zfb_sponser.bmp' }, { type: 'wechat', qrImg: 'https://files.cnblogs.com/files/huanghongbo/wx_sponser.bmp' } ] }).init() </script> </head> <body> </body> </html>
备注:在参考文章中引用的js是比较老的版本了,最新可用版本为1.0.3。
最后,再次感谢https://github.com/greedying/tctip!!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列1:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
· Apache Tomcat RCE漏洞复现(CVE-2025-24813)