写完代码然后呢？教你把项目部署到网上，全世界都能访问！

很多小白学编程，跟着教程写了个网站，在自己电脑上跑得好好的。然后呢？

怎么让别人也能打开？怎么发个链接给朋友炫耀一下？

这就涉及到一个词——部署（Deploy）。听起来很专业对吧？其实现在简单到离谱。

部署是什么意思？

简单说就是：把你电脑上的代码，放到一台 24 小时开机的服务器上，这样别人通过网址就能访问了。

以前这事很麻烦，要买服务器、配环境、搞域名……现在？点几下鼠标就行。

最适合新手的方案：Vercel

Vercel 是一个免费的部署平台，特别适合前端项目和小型全栈项目。

为什么推荐它？

准备工作

你需要：

没有项目？让 Claude Code 帮你生成一个：

> "帮我创建一个 Next.js 个人主页，包含自我介绍、技能展示和联系方式，风格简洁现代"

第一步：把代码传到 GitHub

如果你用 Claude Code，直接在终端里操作：

# 进入你的项目文件夹
cd my-website
初始化 git

git init
git add .
git commit -m "first commit"
创建 GitHub 仓库并推送（需要先安装 gh 命令行工具）

gh repo create my-website --public --push --source=.

不想用命令行？也可以去 GitHub 网页上手动创建仓库，然后上传文件。

第二步：连接 Vercel

然后等 1-2 分钟……

恭喜！你的网站上线了！ Vercel 会给你一个类似 my-website.vercel.app 的地址，发给任何人都能打开。

第三步：每次更新自动部署

这是最爽的部分。以后你改了代码，只需要：

git add .
git commit -m "更新了首页样式"
git push

Vercel 会自动检测到更新，自动重新部署。你什么都不用管，刷新网页就能看到最新版本。

用 Cursor 或 Claude Code 改完代码，直接让 AI 帮你提交：

> "帮我 commit 并 push 到 GitHub"

就这么简单。

想要自己的域名？

xxx.vercel.app 够用，但如果你想要个更酷的域名（比如 baiyu.dev），可以去买一个。

推荐几个便宜的域名商：

买完之后在 Vercel 的项目设置里添加自定义域名，按提示配置 DNS 就行。不会配？问 Claude Code：

> "我在 Namecheap 买了域名 xxx.com，怎么配置 DNS 指向 Vercel？"

其他部署方案简单提一嘴

| 平台 | 适合什么 | 免费额度 |
|------|---------|---------|
| Vercel | 前端/Next.js | 很够用 |
| Netlify | 前端/静态站 | 很够用 |
| Railway | 后端/数据库 | 每月 $5 额度 |
| Cloudflare Pages | 静态站 | 无限制 |

新手先从 Vercel 开始就对了，等你需要后端服务了再研究其他的。

写在最后

部署真的没有你想象的那么难。 5 分钟搞定的事，却能给你带来巨大的成就感。

当你把链接发到朋友圈，说"这是我做的网站"的时候，那种感觉——绝了。

赶紧去试试吧！如果遇到问题，来 woshird.com 发帖问，部署这块大家踩过的坑都差不多，很快就能帮你解决。