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

从 Purrfit 到 Flaris:借 Gemini 之手,搭一座属于自己的数字小岛
✨AI 摘要:
🤖 正在生成摘要...

摘要:上一个月给猫咪写了个体重记录小工具 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 即可免费使用。

zaocat
/
Flaris
🧭 Flaris - Your bookmark galaxy on the edge. A minimalist dashboard powered by Cloudflare KV. (🧭 Flaris - 边缘端的书签星系。由 Cloudflare KV 驱动的极简仪表盘。)
—
—
MIT
JavaScript

小岛已建好,猫咪正趴在侧栏晒太阳。希望能给同样喜欢干净、轻量体验的朋友带来一点点便利。

支持与分享

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

打赏
从 Purrfit 到 Flaris:借 Gemini 之手,搭一座属于自己的数字小岛
https://929255.xyz/posts/from-purrfit-to-flaris/
作者
ZaoCat
发布于
2025-05-20
许可协议
CC BY-NC-SA 4.0

评论区

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