上传到网上给别人看

在本地看着不错，现在把它发布到网上吧！我推荐用 Vercel，最简单。

为什么选 Vercel

• ✅ 完全免费（个人站点）
• ✅ 自动部署（提交代码就自动更新）
• ✅ 自带 HTTPS
• ✅ 全球 CDN 加速

准备工作

你需要：

1. 一个 GitHub 账号
2. 把项目上传到 GitHub（如果还没有）

上传到 GitHub

如果你还没上传代码：

git init
git add .
git commit -m "我的 FlowPage 站点"
git remote add origin https://github.com/你的用户名/你的仓库名.git
git push -u origin main

第一步：注册 Vercel

访问 vercel.com，用 GitHub 账号登录。

第二步：导入项目

1. 点击 “Add New Project”
2. 选择你的 GitHub 仓库
3. 点击 “Import”

第三步：配置项目

Vercel 会自动识别 Astro 项目，默认配置就可以：

• Framework Preset: Astro
• Build Command: npm run build
• Output Directory: dist

直接点 “Deploy”！

等待部署

大约 1-2 分钟，你会看到：

🎉 Congratulations!
Your project is now live at: https://your-project.vercel.app

访问你的站点

点击链接，你的站点已经在线了！

分享这个链接给朋友，他们就能看到你的内容。

绑定自己的域名（可选）

如果你有自己的域名（比如 yourname.com）：

1. 在 Vercel 项目设置里，点 “Domains”
2. 输入你的域名
3. 按提示在域名服务商那里添加 DNS 记录
4. 等待几分钟，域名就生效了

以后怎么更新

非常简单：

1. 本地修改内容
2. 提交到 GitHub：

   git add .
   git commit -m "更新内容"
   git push

3. Vercel 会自动重新部署

1-2 分钟后，新内容就上线了！

其他部署选项

如果不想用 Vercel，还可以选：

• Netlify：操作类似，也很简单
• Cloudflare Pages：速度快，免费额度大
• GitHub Pages：完全免费，但需要手动配置

小贴士

• 第一次部署可能需要 2-3 分钟，后续更新只需 1 分钟
• Vercel 免费版有流量限制，但个人站点完全够用
• 部署失败了？检查 npm run build 在本地能否正常运行

恭喜！你的站点已经在互联网上了🎉