从 Purrfit 到 Flaris:借 Gemini 之手,搭一座属于自己的数字小岛

摘要:上一个月给猫咪写了个体重记录小工具 Purrfit,这个月又想整理一下设备里杂乱的书签。于是,在 Gemini 的配合下,我搞出了一个纯基于 Cloudflare Workers 的极简导航页 —— Flaris。
独立开发的“轻量”执念
前阵子为了跟踪猫咪的日常体重变化,我写了开源项目 Purrfit,发布并跑在了 Cloudflare Workers 上。那种不依赖传统服务器、不需要繁琐配置 Nginx、完全依靠 Serverless 边缘网关“即即用”的体验,着实让人上瘾。
最近在整理浏览器书签和多设备同步时,我再次感觉到了不便:市面上的导航页要么功能过于堆砌,背景广告和新闻资讯乱飞;要么就是样式老旧,缺少一点通透现代的气息。
既然现有的都不太趁手,不如顺着之前的思路,再搭一座纯粹、轻量的“数字小岛”。
Flaris 的诞生
这次我依然选择使用 Cloudflare Workers + KV 的单文件/轻量单体架构(Monolithic Script),前端则使用了轻量响应式的 Vue 3 + Tailwind CSS,并给项目起名 Flaris Navigation。
在和 Gemini 的多次互动交流与代码重构中,这个项目渐渐有了我理想中的模样:
- 通透的玻璃拟态 UI:告别厚重的背景块,采用高透明度的 Glassmorphism 卡片,让日光或暗夜背景自然透出来,视觉上更加轻盈。
- 高精度的 Open-Meteo 天气:放弃了容易超时或气温偏离较大的公共 API,重构引入 Open-Meteo 结合 IP 自动定位,实时显示当前城市的气温与天气图标。
- 农历与动态时间段问候:支持公历/农历一键切换,并按晨光、上午、午休、深夜等不同时间段,打字随机播放不同的小问候。
- 完善又克制的后台管理:支持密码登录、多级分类、私有链接隐藏,以及数据 JSON 一键备份与还原。
- 黑白猫的视觉灵魂:和 Purrfit 一样,在开屏动画与细节里,依然保留了我钟爱的黑白猫伸懒腰与小细节,给冰冷的代码凑上一丝温度。
AI 时代的工作流重塑
回顾这次从想法到落地、再到在 V2EX 上发帖开源的过程,Gemini 在其中扮演的角色令人惊喜。
以前做 Web 开发,可能要花上大半天配置构建工具、解决复杂的依赖链,甚至为一段 WMO 天气代码解析或者农历转换算法头疼半天。而现在,我只需要把对界面交互的直觉、视觉透明度的微调诉求、以及逻辑上的边界异常告诉 Gemini,就能在几秒钟内拿到优雅整合且经过校验的代码片段。
从 Purrfit 的猫咪体重数据追踪,到 Flaris 的个人站点导航,这种“只专注于想法与体验,把繁琐实现交给 AI”的协同模式,让独立开发变得前所未有的顺畅与快乐。
写在最后
Flaris 的源代码已经全面开源在 GitHub 上,直接复制单文件部署到 Cloudflare Worker 绑定 KV 即可免费使用。
- 在线 Demo:https://nav.929255.xyz
小岛已建好,猫咪正趴在侧栏晒太阳。希望能给同样喜欢干净、轻量体验的朋友带来一点点便利。
支持与分享
如果这篇文章对你有帮助,欢迎分享给更多人或打赏支持!
早安喵栈





