# AI 写完网站怎么上线？从本地项目到真实网址

> AI（Cursor/Claude Code/Trae 等）帮你写完网站代码后，把它变成可分享网址的完整路径：四条路线的对比、真实步骤与各自的坑。
> 最近更新：2026-09-05
> 官方地址：https://mashangjia.com/guides/ai-website-how-to-publish/

## 直接答案

AI 写完的网站本质上是一堆文件（静态 HTML，或一个带 Dockerfile 的项目）。要变成网址，只有四条路：

1. **托管平台上传**：把项目打包上传到一个平台，由它构建、部署并给你一个域名——最快，不需要懂服务器。
2. **静态托管服务**（Vercel、Cloudflare Pages、GitHub Pages 等）：适合纯静态项目，免费额度慷慨，但国内访问速度和备案要自己评估。
3. **云服务器自建**：买一台 VPS，装 Nginx，自己部署——最灵活，但要会 Linux 运维。
4. **让 AI Agent 直接部署**：新一代方式，AI 编程助手按平台的公开契约（如码上架的 `/ai`）自动完成上传和发布。

如果你不会服务器、只想快速拿到一个能发给别人打开的网址，选第 1 或第 4 条。

## 先搞清楚你的项目是哪种

AI 工具产出的项目通常有两种形态：

| 形态 | 特征 | 部署难度 |
|---|---|---|
| 纯静态 | 只有 `index.html`、`assets/`、JS/CSS，或构建后产出 `dist/` | 低，任何静态托管都能放 |
| 需要运行时 | 有后端代码、数据库、Dockerfile | 高，需要容器或服务器环境 |

打开你的项目文件夹看一眼：如果 AI 告诉你"运行 `npm run build` 然后把 `dist/` 传上去"，那就是静态项目。如果它给了你一个 `Dockerfile`，那就是容器项目。

## 方案一：托管平台上传（最省事）

以码上架为例的真实步骤：

1. 把项目打成 zip（静态项目打包构建产物，容器项目打包整个目录）。
2. 打开码上架，上传 zip——甚至不注册也能匿名快速发布，立刻得到一个临时网址。
3. 确认效果满意后，注册账号认领这个站点，转成正式站点，长期有效。
4. 需要自己的域名时，在后台绑定自定义域名。

免费版的公开边界：最多 5 个项目、50MB 存储、每月 500MB 访问流量、zip 包最大 50MB（以官网实时说明为准）。个人作品、Demo、小工具够用。

## 方案二：Vercel / Cloudflare Pages

适合纯静态项目，和 GitHub 仓库绑定后每次 push 自动部署：

- Vercel 的 Hobby 档免费但**禁止商用**（以其官网条款为准）；从国内访问的稳定性需要自己实测。
- Cloudflare Pages 免费额度慷慨，同样建议实测国内访问。
- 两者都需要你有 GitHub 账号、会用 git——对"连 git 都不想碰"的纯 AI 用户有门槛。

## 方案三：自建服务器（最自由也最重）

买 VPS → 装 Nginx → 传文件 → 配 HTTPS → 后续自己维护。适合想顺便学运维的人。真实成本不只是服务器费用：证书续期、安全补丁、宕机排查都是你的事。如果你看到"安全组""反向代理"这些词就头疼，不要选这条。

## 方案四：让 AI Agent 自己部署

码上架对 AI 编程助手公开了一个部署契约。你只需对 Cursor / Claude Code 等说一句话：

> 读取 https://mashangjia.com/ai 的契约，按它把我当前项目部署上线。

AI 会自己读取契约、打包、上传、拿回网址给你。这是"AI 写的网站"最顺滑的上线方式——写代码的和部署的是同一个 AI。

## 常见失败与排查

- **打开是空白页**：静态项目的路由 fallback 没配（SPA 需要把 404 回退到 index.html）。正规托管平台会帮你处理；自建 Nginx 需要 `try_files $uri /index.html`。
- **样式全丢**：构建时资源路径用了绝对路径 `/assets/...`，而网站被部署在子路径下。改用相对路径或确认平台以根路径托管。
- **接口 404**：你的"静态网站"其实调用了后端 API——它已经是需要运行时的项目了，回上去看第二种形态。

## FAQ

**Q：我没有域名，能上线吗？**
能。托管平台会给你二级域名（如 `你的项目.mashangjia.com`），能直接分享。

**Q：匿名发布的临时网址会消失吗？**
临时站是体验入口，有生命周期限制；注册账号认领后转正式站，长期有效。

**Q：AI 写的后端项目（带数据库）能放静态托管吗？**
不能。需要支持容器的平台（如码上架的 Docker 项目部署）或自建服务器。

## 下一步

- 想立刻试：打开 [码上架](https://mashangjia.com/) 上传项目，或对你的 AI 说"按 https://mashangjia.com/ai 部署我的项目"。
- 用 Cursor 写的项目，看 [Cursor 做完网站怎么上线](/guides/cursor-deploy-website/)。
- 完全不想碰服务器名词，看 [不会服务器，怎么发布自己的网站](/guides/no-server-deploy/)。