朧的个人空间 - 个人网站与游戏资料工具箱产品系统Vibe Coding

这个项目源于我的真实需求：作为偶像梦幻祭（ES）玩家，想随时查
阅游戏卡面与特殊演出（SPP）信息，但官方渠道分散、第三方资料站
又卡顿难用。于是我自建个人空间网站，把游戏资料整理、个人博客、
记账工具整合到同一平台，既满足个人日常使用，也是我前端开发与数
据爬虫能力的综合练手项目。

网站包含四大功能模块：1）个人首页——个人名片展示、应用入口导
航，以及基于 Supabase 云数据库的实时留言板，支持发表留言与管理
员删除；2）个人博客——Markdown 写作、构建时静态生成，文章详情页
带楼中楼评论功能；3）随手记账——收入/支出记录、分类管理与月度统
计，数据本地持久化；4）偶像梦幻祭工具箱——Python
爬虫自动采集卡面数据 2849 张，支持按稀有度/SPP 筛选，58
个角色头像与 16 个组合队标本地化，移动端可横向滑动浏览。

我独立完成需求分析、数据爬虫、前端页面到部署运维的全部工作。
前端采用 Next.js 16 App Router + React 19 + TypeScript +
Tailwind CSS
v4，用服务端组件与静态生成（SSG）优化性能，评论与留言接入
Supabase 云端同步。数据侧用 Python 编写增量爬虫，自动清洗聚合
萌娘百科数据，映射歌曲中日英名称，图片本地化为
WEBP。难点是移动端适配，通过按设备加载图片资源、表格横向滚动等
方案解决小屏体验。部署使用 GitHub + Vercel 自动发布，并搭建
Windows 任务计划实现每日自动更新数据。