Vercel免费部署全攻略：买域名、绑域名、上线一条龙
做好了一个网站或者小项目，怎么让别人也能访问？这就需要"部署"。
听起来很专业，其实用Vercel来做的话，比你注册一个微博号还简单。而且完全免费。
今天把部署这件事一次性讲透：注册、部署、买域名、绑域名，全流程走一遍。
Vercel是什么？
简单说：Vercel是一个免费帮你托管网站的平台。
你把代码传上去，它帮你：
个人用户免费额度很够用，除非你的网站日访问量超过10万，不然不用花钱。
第一步：注册Vercel
搞定。就这么简单。
第二步：把代码推到GitHub
假设你用Claude Code做了一个项目（比如那个2048游戏），现在要把它推到GitHub。
在终端输入：
# 进入项目目录
cd my-2048-game初始化git仓库
git init添加所有文件
git add .提交
git commit -m "我的2048游戏"
然后去GitHub网页上创建一个新仓库（Repository）：
my-2048-gameGitHub会给你一串命令，复制到终端运行：
git remote add origin https://github.com/你的用户名/my-2048-game.git
git branch -M main
git push -u origin main
> 如果你不会用git也没关系，直接跟Claude Code说 帮我把这个项目推到GitHub，它会一步步教你。
第三步：在Vercel上部署
my-2048-game等30秒左右，部署完成！
Vercel会给你一个地址，类似：my-2048-game.vercel.app
用浏览器打开这个地址，你的项目就上线了！把链接发给任何人，他们都能访问。
第四步：买一个自己的域名（可选但推荐）
xxx.vercel.app 虽然能用，但有自己的域名更专业。
去哪买？
| 平台 | 特点 | 价格 |
|------|------|------|
| [Namesilo](https://www.namesilo.com) | 便宜、免费隐私保护 | .com约60元/年 |
| [Cloudflare](https://www.cloudflare.com) | 成本价、无加价 | .com约55元/年 |
| [阿里云万网](https://wanwang.aliyun.com) | 中文界面、支付方便 | .com约69元/年 |
| [腾讯云](https://dnspod.cloud.tencent.com) | 同上 | .com约65元/年 |
> 域名小知识：.com 是最通用的，但比较贵。.me、.xyz、.cc 等后缀第一年可能只要几块钱。
怎么选域名？
huajiaji.comhjj.com 没人知道是啥购买流程（以Namesilo为例）
第五步：把域名绑到Vercel
这一步是把你买的域名指向你的Vercel项目，这样别人访问你的域名就能看到你的网站。
在Vercel添加域名
my-game.comVercel会告诉你需要添加一条DNS记录。
修改DNS记录
回到你买域名的平台（比如Namesilo）：
| 类型 | 主机名 | 值 |
|------|--------|-----|
| CNAME | @ 或 www | cname.vercel-dns.com |
如果平台不支持根域名CNAME（有些不支持），就用A记录：
| 类型 | 主机名 | 值 |
|------|--------|-----|
| A | @ | 76.76.21.21 |
等待生效
DNS记录生效需要几分钟到几小时不等。通常5-30分钟就好了。
生效之后，回到Vercel的Domains设置页面，你会看到你的域名旁边显示"Valid Configuration"（绿色的勾）。
现在用浏览器打开你的域名，就能看到你的网站了！而且自动就有HTTPS，安全又专业。
自动更新
以后你每次改代码并推送到GitHub，Vercel会自动重新部署。你不需要做任何操作。
# 改完代码后
git add .
git commit -m "更新了首页"
git push
推上去之后等30秒，网站就自动更新了。
进阶技巧
1. 多个项目用同一个域名的子域名
比如你的域名是 baiyu.me，你可以：
baiyu.me → 个人主页game.baiyu.me → 2048游戏shop.baiyu.me → 小店官网在Vercel里每个项目绑不同的子域名就行。
2. 环境变量
如果你的项目需要API密钥之类的配置，在Vercel的 Settings → Environment Variables 里添加，不要写在代码里。
3. 预览部署
Vercel有个很棒的功能：每次你在GitHub创建一个Pull Request，它会自动部署一个预览版本。方便你看看改动效果再合并。
常见问题
Q：部署之后打开是404
大概率是文件名的问题。确保你的入口文件叫
index.html（注意小写）。Q：样式丢了
检查CSS文件路径是不是写对了。如果写的是
C:/Users/xxx/style.css 这种绝对路径，肯定不行。改成相对路径 ./style.css。跟Claude Code说 我部署到Vercel之后样式丢了，帮我检查所有文件的引用路径，它会帮你修。
Q：国内访问速度慢
Vercel的服务器主要在海外。如果你的用户主要在国内，可以用Cloudflare套一层CDN加速。或者考虑用国内的平台（比如腾讯云的Webify）。
Q：免费额度够用吗？
个人项目完全够用。Vercel免费版每月100GB流量、每天100次部署。除非你的项目火成了抖音，不然用不完。
总结
把一个项目部署上线，整个流程就5步：
总共不到半小时，你就有了一个有自己域名的、全球可访问的、自动更新的网站。
别再让你做好的项目烂在电脑里了。部署出去，让全世界看到！