Astro排行榜后台

pay-me-back — Astro 排行榜模板

作者 Leonardboeker

自托管微型收款页，为朋友间小额收款设计，含匿名排行榜与后台。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

1 个预览视图

目前只有 1 张可用预览，尚未找到可用演示站，暂无法补充内页和手机端截图。

整体预览

查看源码在新标签页打开

作者提供的预览

查看现有预览图，更多页面尚未采集。

目前有 1 张原始预览，可打开完整图片查看设计细节。

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-09-06查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

每人一个专属 URL，附带欠款故事，避免群聊催款尴尬

三种还款方式：全额、分期、需要更多时间，由对方自选

滑块随还款进度缩小，匿名排行榜显示已结清人数但不暴露金额

后台管理面板可查看状态，Telegram 或邮件即时通知

Astro 6 + Cloudflare Pages/Workers/Durable Objects，免费额度足够

零客户端框架运行时，生产页面约 50 KB gzipped，Lighthouse 移动端评分 ≥85

模板详细介绍

pay-me-back 是一个自托管的微型收款网站，定位非常明确：解决“朋友还欠我钱”这种尴尬场景。它不处理真实支付，而是生成每个欠款人专属的 URL，对方打开后可以看到欠款金额、背景故事，并选择一次性付清、分期或“需要更多时间”。页面中央有一个会随还款进度缩小的滑块，配合匿名排行榜和后台管理，把催款变成一场轻松的互动。整个项目基于 Astro 6 构建，静态页面由 Cloudflare Pages 托管，确认还款、排行榜状态等动态部分则由 Cloudflare Workers 配合 Durable Objects 的 SQLite 实现，无客户端框架运行时，交互均为原生脚本。

这个模板适合 5 到 15 人的小圈子使用，比如分摊旅行费用、组织告别礼物、婚礼蜜月基金等。每个场景只需修改文案和债务数据即可复用。部署需要 Cloudflare 账户和 GitHub，按 README 指引分别部署静态站点和 Worker，并配置环境变量。通知可选 Telegram 或 Resend 邮件，默认免费额度足够。

需要留意的是，它并非支付处理器，付款仍通过 PayPal 或 SEPA 转账由对方主动完成，确认靠自觉，管理员会收到通知。模板目前硬校验德国 IBAN，其他欧盟国家需自行调整正则。上线前务必检查数据文件、环境变量和自定义域名路由，并运行附带的冒烟测试。

Astro排行榜后台

适合你的项目吗？

适用场景

朋友间分摊旅行费用、日常垫付的小额收款
为离职同事、远行朋友组织集体礼物筹款
生日或活动主办方预先垫付后向参与者收款
婚礼蜜月基金替代传统礼物清单

适合人群

熟悉 Git 和命令行，愿意自行部署到 Cloudflare 的开发者
需要一个轻量、带点幽默感的收款页面的小团体
希望完全掌控数据、不想依赖第三方 SaaS 收款工具的用户

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
需要 Node.js 22.12+、Cloudflare 和 GitHub 账户。
2
本地开发需先生成占位像素画并编辑 data/debtors.json，然后分别部署静态站点和 Worker。
3
注意项目路径中不能有 '#' 字符，否则 Vite 构建会报错。
4
生产环境需在 Cloudflare Pages 和 Worker 中设置相同的环境变量，并确保 debtors.json 内容一致。

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

MIT许可证允许免费使用、修改、分发和商用，仅需保留版权与许可声明；README中署名页脚为可选，非强制义务。

使用时需要遵守

保留原作者版权声明和 MIT 许可证声明。
在所有副本或实质性部分中保留版权声明和许可声明

额外费用与待核对事项

README未明确说明占位PNG、字体等第三方素材的授权范围

查看原文依据

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software
许可证原文

The MIT license technically only requires the copyright notice in the source code, not in the output. Keeping the footer is appreciated but not required.
README 原文