Migration Guide

Netlify → Vercel 迁移方案

noa-pages 静态站点迁移指南，约 10 分钟完成，git push 工作流不变

📁 Repo: iloveopt/noa-pages 🌐 当前域名: iloveopt.netlify.app 📅 2026-03-23
Part 01

平台对比：免费额度 & 功能

项目 Netlify 免费版 Vercel Hobby（免费）
带宽/月 100 GB 100 GB
构建时长/月 300 分钟 更宽松（静态站点几乎无消耗）
并发构建 1 个 更高并发
超额处理 超额即限速或收费，有警告机制 更友好，超额提醒而非直接限速
CDN 节点 全球 CDN Edge Network，亚太节点更密集
自定义域名 ✓ 支持 ✓ 支持
HTTPS ✓ 自动 ✓ 自动
Git 集成 ✓ push 自动部署 ✓ push 自动部署
静态站点支持 ✓ 完整支持 ✓ 完整支持（零配置）
✅ 结论
对于 noa-pages 这类纯静态 HTML 站点，Vercel 免费额度完全够用。CDN 性能略优于 Netlify（尤其亚太地区），且构建配额更宽松。迁移无风险，体验基本一致。
Part 02

迁移步骤（约 10 分钟）

  1. 1
    注册 Vercel，用 GitHub 账号登录
    访问 https://vercel.com，点击 Sign Up，选择 Continue with GitHub。 使用 iloveopt 的 GitHub 账号授权登录。
    💡 已有账号直接登录即可，跳过注册
  2. 2
    Import Project → 选 noa-pages repo
    登录后点击 Add New → Project，选择 Import Git Repository。 在列表中找到 iloveopt/noa-pages（私有 repo），点击 Import。
    ⚠️ 如果列表里找不到，点"Adjust GitHub App Permissions"授权私有 repo 访问权限
  3. 3
    配置部署选项（静态站点零配置）
    进入配置页面，不需要设置 Build Command（留空），Output Directory 留空（或填 /）。 Framework Preset 选 Other。
    ✅ 纯静态 HTML 站点无需构建命令，Vercel 会直接托管文件
  4. 4
    点击 Deploy，等待部署完成
    点击 Deploy，等待 1-2 分钟。部署成功后会获得一个 Vercel 域名： iloveopt.vercel.app（或带随机后缀的 preview URL）。
    ⚠️ 默认项目名可能是 noa-pages，域名会是 noa.stevewang.ai，可在 Settings → Domains 里自定义
  5. 5
    验证所有页面 URL 正常
    部署完成后，逐一访问已知页面路径（见下方清单），确认页面正常加载、样式正常、无 404。
  6. 6
    （可选）添加自定义域名
    如需自定义域名，进入 Vercel Dashboard → 项目 → Settings → Domains，添加域名并按提示配置 DNS 记录（CNAME 指向 cname.vercel-dns.com）。
    💡 如果暂时不用自定义域名，直接用 vercel.app 子域名即可
  7. 7
    Netlify 暂时保留，等稳定后再关
    不需要立刻删除 Netlify 站点。先让 Vercel 跑一段时间，确认一切正常后再去 Netlify 删除或暂停项目。
    ✅ 两边同时在线不影响功能，Netlify 继续同步你的 push 直到你主动断开
Part 03

工作流验证：git push → 自动部署

本地修改 HTML
编辑文件
→
git push origin main
推送到 GitHub
→
Vercel 自动触发
Git Integration
→
1-2 分钟后上线
✅ 完成
Vercel Git Integration 工作原理
Vercel 在 import 阶段会自动在 GitHub repo 上安装 Webhook。每次你 push 到 main 分支时，GitHub 会通知 Vercel，Vercel 自动触发新一轮部署。整个过程完全自动，不需要任何手动操作。

部署日志可在 Vercel Dashboard → 项目 → Deployments 里查看。每次 push 都有独立的部署记录，支持一键回滚。
✅ 体验完全一致
本地改 HTML → git push → 等 1-2 分钟 → URL 自动更新。和 Netlify 的工作流完全一样，无需改变任何习惯。
Part 04

URL 变化说明

旧 URL Netlify
https://iloveopt.netlify.app/xxx
新 URL Vercel
https://iloveopt.vercel.app/xxx
⚠️ 注意：已分享的链接需要更新
所有之前分享出去的 netlify.app 链接，迁移后需要手动更新为 vercel.app 链接。下方列出了当前所有已知重要页面的新旧 URL 对照。
页面 旧 URL（Netlify） 新 URL（Vercel）
OpenClaw 记忆指南 /openclaw-memory-guide.html /openclaw-memory-guide.html
OpenClaw 课程 /openclaw-course.html /openclaw-course.html
Sitesfy MVP 功能 /sitesfy/mvp-features.html /sitesfy/mvp-features.html
Sitesfy 产品线 /sitesfy/product-lineup.html /sitesfy/product-lineup.html
Sitesfy 案例 /sitesfy/cases.html /sitesfy/cases.html
Steve 介绍页 /steve-intro.html /steve-intro.html
📌 路径不变，只有域名前缀从 iloveopt.netlify.app → iloveopt.vercel.app
Part 05

迁移后验证清单

部署完成后，逐一访问以下页面，确认加载正常、样式完整、无 404 错误。

🔖 验证通过后再更新分享链接
确认所有页面正常后，再统一更新已分享的链接（微信、Notion、其他文档里的 netlify.app 链接）。Netlify 继续保留直到确认无误。

由 Noa 生成 · 2026-03-23

noa-pages · iloveopt/noa-pages · Steve Wang