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

域名、小猫与 Purrfit:用 Cloudflare 搭建一个猫咪体重计
✨AI 摘要:
🤖 正在生成摘要...

不久前偶然注册到了一个 .xx.kg 的免费域名,当时还没想好拿它来做什么。直到前阵子家里迎来了一只新成员——一只可爱的小猫。

看着它每天蹦蹦跳跳、一天天长大,记录它体重变化的诉求变得明确起来。kg(公斤)与体重记录天然契合,这个域名便顺理成章地找到了它的使命。于是,Purrfit 就这样诞生了。

为什么是 Purrfit?#

市面上现有的健康或体重记录应用,要么功能过于繁重,带有各种无意义的社交属性;要么广告漫天,甚至连最基础的数据导出都要收费。

作为开发者,最舒服的解决方式自然是自己动手。我对这个小工具的诉求很纯粹:

  1. 轻量与优雅:界面要清爽,支持暗色模式,交互要足够细致(比如动态 Glow 光影与磨砂玻璃气泡)。
  2. 零成本运行:无需维护重型服务器,借助 Cloudflare 的 Edge 边缘节点处理一切。
  3. 数据完全自主:支持无痛的 CSV 导入导出,不依赖任何第三方平台。

技术架构与实现#

整个项目基于 Cloudflare Workers + KV 构建,零服务器开销,部署极其简单:

  • 后端处理与渲染:单个 Worker 承载了轻量级路由、身份验证以及服务端 HTML 渲染。

  • 数据持久化:使用 Cloudflare KV 存储体重记录与全局配置,读写极其迅捷。

  • UI & 细节打磨:

    • 采用了 Glassmorphism(毛玻璃) 视觉风格,自适应浅色与深色模式。
    • 图表部分实现了动态趋势渲染,悬浮气泡具备半透明磨砂质感,能够精准呈现具体日期与备注。
    • 内置了中文/英文双语言支持与多猫咪档案管理。

搭建与部署流程#

如果你也想为自家的猫咪搭建一个,整个过程只需要几分钟:

  1. 准备 KV 绑定: 在 Cloudflare Dashboard 创建一个名为 CAT_KV 的 KV Namespace,并在 Worker 中完成绑定。

  2. 环境变量配置:

    • ADMIN_USER:后台管理员账号
    • ADMIN_PASS:后台管理员密码
    • CAT_NAMES:猫咪名字(支持多只,用逗号分隔)
  3. 部署代码: 将开源的单个 worker.js 代码粘贴至 Worker 编辑器中,保存并发布。

  4. 绑定域名: 在 Worker 的 Custom Domains 中解析你的专属域名(比如我的 .xx.kg),即可完成部署。

在线体验与开源#

目前 Purrfit 已完全开源,并内置了演示环境:

zaocat
/
Purrfit
🐱 Purrfit: A minimalist, serverless cat weight tracker built on Cloudflare Workers. ☁️ 一个基于 Cloudflare Workers 构建的简约、精美、无服务器的猫咪体重记录本。
—
—
MIT
JavaScript
  • 在线 Demo:zao.qzz.io(测试账号:test / 密码:123456)

域名有了归宿,小猫的成长有了记录。如果你也在寻找一个纯粹、安静的猫咪健康追踪工具,不妨也搭一个试试。

支持与分享

如果这篇文章对你有帮助,欢迎分享给更多人或打赏支持!

打赏
域名、小猫与 Purrfit:用 Cloudflare 搭建一个猫咪体重计
https://929255.xyz/posts/domain-cat-and-purrfit/
作者
ZaoCat
发布于
2025-04-18
许可协议
CC BY-NC-SA 4.0

评论区

Profile Image of the Author
ZaoCat
A digital momad
最新动态
站点统计
文章
12
分类
2
标签
25
总字数
13,129
运行时长
0 天
最后活动
0 天前