项目迁移纪实

記憶禪迁移记

一个背单词应用,在三个平台之间辗转搬家的故事

这个项目是什么

「記憶禪」 是一个背单词应用(网站),支持闪卡翻转、拼写测试、AI 记忆技巧、错题本、学习计划等功能。

先搞懂四个工具各自是干嘛的

代码仓库

GitHub

你写的所有代码都存在 GitHub 上。就像一个代码版的「百度网盘」,不光能存文件,还能记录每一次修改(版本控制)。改坏了?可以一键回到上个版本。218 次提交 = 你改了 218 次代码,每一次都有记录,随时可以回退。

代码编辑器

Lovable

在 Lovable 里用对话的方式告诉 AI 你想做什么界面,它帮你写代码。写完的代码会自动推送到 GitHub 保存。Lovable 是「写代码的地方」,GitHub 是「存代码的地方」。

数据库

Supabase

背单词应用里的所有单词数据、用户账号、学习进度全存在 Supabase 里。如果网站不连 Supabase,打开就是个空壳——没有单词可以背。项目叫 yangxi

发布平台

Cloudflare Pages

代码写好存在 GitHub 里,但你不能让别人打开 GitHub 去看代码。你需要把代码「部署」到服务器上,变成网站。Lovable 自带部署,但需要翻墙才能在中国访问。CF Pages 的链接中国大陆可以直接访问,不需要 VPN

发生了什么

第一章

项目诞生

Lovable(旧账号) 里从零创建了「記憶禪」。Lovable 写代码 → 自动存到 GitHub(仓库名 inkless-study-pad)→ 又连上了 Supabase(里面存了所有单词数据)。一切运转良好,积累了 218 次代码提交。

第二章

额度用完,被迫搬家

旧 Lovable 账号的月额度用完了,也不想续那个号了。同时发现 v0 还有会员积分没用完(有有效期),想物尽其用,所以把项目导入了 v0。

第三章

v0 全面翻车

v0 接手后灾难连连:

  • 页面无法正常显示,出现大量低级 bug,修了半天也修不好
  • 更致命的是:v0 不能连已有的 Supabase 项目(yangxi),只能新建一个全新的
这意味着什么?
• Supabase 免费版只允许 2 个项目,已经有 2 个了
• 要用 v0 新建第 3 个项目 → 必须给 Supabase 开会员(付费)
• 还得把 yangxi 里的所有单词数据迁移到新项目里 → 费力又没必要
• 相当于原来好好的数据库要废弃重来

非常恼火,决定彻底放弃 v0

第四章

Lovable 新号的困境

创了新 Lovable 账号充了会员,但发现 Lovable 不允许导入已有的 GitHub 仓库——它只能新建项目并自动创建新仓库。就是说,GitHub 上已经有完整的项目代码,Lovable 偏偏不让你直接用。

第五章

仓库名替换法(失败)

我们想了个聪明的方案——把新旧仓库的名字互换,骗 Lovable 连到老代码。

结果失败了! Lovable 内部用的是仓库 ID(一串数字编号),不是仓库名。就好比你给房子换了门牌号,快递员认的是 GPS 坐标,门牌号换了也没用。
第六章

文件复制法(成功)

回到最朴素的方法:

  1. 把 Lovable 新仓库里的模板文件全删了
  2. 把背单词项目的代码整个复制进去
  3. 推送到 GitHub → Lovable 自动同步
成功了! 主仓库 inkless-study-pad 保留了完整的 218 条历史记录。
第七章

收尾修复

  • Lovable 内嵌预览不加载 → 告诉 Lovable 的 AI 加 iframe 配置 → 立刻修好(它自己折腾半天没修好 😂)
  • Supabase 连接 → 选对组织 → 连上 yangxi
  • CF Pages 部署 → 命令行创建 + 部署 → 上线

为什么这么折腾?

根本原因:每个平台都只想自己当老大。

Lovable

不让导入已有仓库,必须用笨办法复制代码

v0

不让连已有 Supabase,要新建数据库、迁移数据、开会员

所有平台

互不兼容,换平台 ≈ 搬家,家具搬不走

只是想做一件简单的事——换个平台继续开发同一个项目——但每个平台都设了藩篱。

当前状态

💻 本地代码
→ git push →
📦 inkless-study-pad
GitHub 主仓库 · 218 commits
→ 自动部署 →
🌐 CF Pages
中国可直接访问
📦 inkless-lovable
GitHub Lovable 仓库
↔ 双向同步 ↔
🎨 Lovable 编辑器
🗃️ Supabase yangxi
单词数据 · 用户账号
⇢ 数据连接 ⇢
所有组件
图解:
→ 实线箭头 = 代码流向(本地改代码 → 推到 GitHub → 部署成网站)
↔ 双向箭头 = 双向同步(Lovable 改代码自动存 GitHub,反之亦然)
⇢ 虚线箭头 = 数据连接(代码里写死了 Supabase 地址,运行时自动拿数据)
两个 GitHub 仓库独立存在——主仓库给本地开发 + CF 部署用,Lovable 仓库专门给 Lovable 编辑器用
本地代码
✅ 最新
GitHub 主仓库
✅ 218 次提交
Lovable 编辑器
✅ 可编辑
Supabase
✅ yangxi 已连接
CF Pages
✅ 已上线
待优化
⏳ 性能压缩

还没做的事

待办 说明
CF Pages Git 自动部署 现在每次改代码要手动部署。设置后 push 代码即自动上线
Vercel Skills 性能优化 JS 文件 6.5MB 太大,加载慢,目标压到 3MB 以下