项目已开源：https://github.com/Chenming00/Yudan-log

---

为什么要做这个

鱼蛋来到这个世界以后，每天都在发生新的事情。

第一次翻身、第一颗牙、第一次叫妈妈、第一次自己抓着小勺吃饭…… 这些瞬间太珍贵了，不记下来真的会忘。

除了成长故事，日常的开销也想记一记 —— 奶粉、纸尿裤、小衣服、玩具，养一个小宝宝到底花了多少，总得心里有数。

试了好几个 App，要么太复杂，要么不好看，要么记个账要点好几下。我就想，不如自己给鱼蛋搭一个小窝吧：

小账本记下每一笔花销，小日记留下每一个第一次。

于是 鱼蛋花费 就诞生了。

---

鱼蛋小账本

这是鱼蛋的”家庭账本”。

设计理念很简单：三秒钟记一笔，别让记账变成负担。

给 Telegram 机器人发一条消息就行：

• 奶粉 258 → 买奶粉花了 258
• 纸尿裤 89 日用 → 纸尿裤 89 块，分类”日用”
• 红包 +2000 → 长辈给了 2000 块红包

不用打开 App，不用填表单，像跟朋友发消息一样说一句话就记好了。

页面上还能看到：

• 这个月总共花了多少
• 钱都花在哪些类别了（奶粉、衣服、玩具……）
• 每天/每周的花销趋势

打开一看，清清楚楚。

---

成长 Log

这是鱼蛋的”成长纪念册”。

每一篇日记就是一个 Markdown 文件，写好以后自动变成好看的网页，按时间排好。

现在已经在写的有：

• 鱼蛋的第一次购物经历
• 用 AI 给鱼蛋写的小故事
• 各种成长里程碑

这个模块还有一些贴心的小功能：

AI 小助手 —— 文章太长了？它能帮你总结重点。想问点什么？直接在文章下面问就好，AI 会根据内容回答你。

目录导航 —— 文章比较长的时候，旁边会出现一个小目录，想看哪里点哪里。

阅读进度条 —— 页面顶部有一条细细的进度线，告诉你读到哪儿了。

---

怎么做出来的

整个项目用 Next.js 搭的，TypeScript 写的代码。

页面样式用 Tailwind CSS，图表用 Recharts 画，文章用 Markdown 写，AI 功能用 MiMo 模型 驱动。

账本数据存在 Supabase 里，文章直接放在项目文件夹里。

开发的时候 AI 工具帮了很大忙 —— 写代码卡住了它出主意，有新想法它帮着快速试一试。一个人做项目，但不是一个人在战斗。

---

以后还想做什么

鱼蛋在长大，这个小窝也会跟着长大。

想加的东西还有很多：

• 更多可爱的统计图表
• 更聪明的消息识别
• 给日记加封面图、加标签
• 等鱼蛋长大了，让她自己也能来写日记

不管怎么加功能，都想保持”小窝”的感觉 —— 温暖的、简单的、随时能来看看的。

---

写在最后

这个项目是送给鱼蛋的一份小礼物。

等她长大了，翻一翻这个小窝，能看到：

小时候花了多少奶粉钱，第一次翻身是哪一天，那段时间爸爸在想什么。

每一条记录，都是成长留下的脚印。