域名、小猫与 Purrfit:用 Cloudflare 搭建一个猫咪体重计

✨AI 摘要:
🤖 正在生成摘要...
不久前偶然注册到了一个 .xx.kg 的免费域名,当时还没想好拿它来做什么。直到前阵子家里迎来了一只新成员——一只可爱的小猫。
看着它每天蹦蹦跳跳、一天天长大,记录它体重变化的诉求变得明确起来。kg(公斤)与体重记录天然契合,这个域名便顺理成章地找到了它的使命。于是,Purrfit 就这样诞生了。
为什么是 Purrfit?
市面上现有的健康或体重记录应用,要么功能过于繁重,带有各种无意义的社交属性;要么广告漫天,甚至连最基础的数据导出都要收费。
作为开发者,最舒服的解决方式自然是自己动手。我对这个小工具的诉求很纯粹:
- 轻量与优雅:界面要清爽,支持暗色模式,交互要足够细致(比如动态 Glow 光影与磨砂玻璃气泡)。
- 零成本运行:无需维护重型服务器,借助 Cloudflare 的 Edge 边缘节点处理一切。
- 数据完全自主:支持无痛的 CSV 导入导出,不依赖任何第三方平台。
技术架构与实现
整个项目基于 Cloudflare Workers + KV 构建,零服务器开销,部署极其简单:
-
后端处理与渲染:单个 Worker 承载了轻量级路由、身份验证以及服务端 HTML 渲染。
-
数据持久化:使用 Cloudflare KV 存储体重记录与全局配置,读写极其迅捷。
-
UI & 细节打磨:
- 采用了 Glassmorphism(毛玻璃) 视觉风格,自适应浅色与深色模式。
- 图表部分实现了动态趋势渲染,悬浮气泡具备半透明磨砂质感,能够精准呈现具体日期与备注。
- 内置了中文/英文双语言支持与多猫咪档案管理。
搭建与部署流程
如果你也想为自家的猫咪搭建一个,整个过程只需要几分钟:
-
准备 KV 绑定: 在 Cloudflare Dashboard 创建一个名为
CAT_KV的 KV Namespace,并在 Worker 中完成绑定。 -
环境变量配置:
ADMIN_USER:后台管理员账号ADMIN_PASS:后台管理员密码CAT_NAMES:猫咪名字(支持多只,用逗号分隔)
-
部署代码: 将开源的单个
worker.js代码粘贴至 Worker 编辑器中,保存并发布。 -
绑定域名: 在 Worker 的 Custom Domains 中解析你的专属域名(比如我的
.xx.kg),即可完成部署。
在线体验与开源
目前 Purrfit 已完全开源,并内置了演示环境:
🐱 Purrfit: A minimalist, serverless cat weight tracker built on Cloudflare Workers. ☁️ 一个基于 Cloudflare Workers 构建的简约、精美、无服务器的猫咪体重记录本。
- 在线 Demo:zao.qzz.io(测试账号:
test/ 密码:123456)
域名有了归宿,小猫的成长有了记录。如果你也在寻找一个纯粹、安静的猫咪健康追踪工具,不妨也搭一个试试。
支持与分享
如果这篇文章对你有帮助,欢迎分享给更多人或打赏支持!
域名、小猫与 Purrfit:用 Cloudflare 搭建一个猫咪体重计
https://929255.xyz/posts/domain-cat-and-purrfit/
早安喵栈





