做什么
让全世界都能访问你的网站。
部署方式对比
| 方式 | 难度 | 费用 |
|---|---|---|
| Vercel | ★☆☆ | 免费 |
| Netlify | ★☆☆ | 免费 |
| GitHub Pages | ★☆☆ | 免费 |
| Railway / Render | ★★☆ | 有免费额度 |
推荐 Skill
🚀 推荐 Skill：
devops-deployment能帮你自动完成部署配置和 CI/CD 流水线。
# 安装 Skill（一键复制）
npx skills add yonatangross/orchestkit@devops-deployment -g -y安装后在 Claude Code 中执行：
npx skills devops-deploymentVercel 部署步骤
- 注册 Vercel（用 GitHub 登录）
- 点击 “Add New → Project”
- 选择你的 GitHub 仓库或直接拖拽文件夹
- 等待自动部署完成
- 访问生成的 URL
可用的 Skills
| Skill | 作用 | 安装命令 |
|---|---|---|
| yonatangross/orchestkit@devops-deployment | DevOps 部署专家 | npx skills add yonatangross/orchestkit@devops-deployment -g -y |
域名知识
| 概念 | 大白话 |
|---|---|
| 域名 | 你网站的”门牌号”，比如 google.com |
| 免费子域名 | Vercel 给你的 my-site.vercel.app，够用了 |
| HTTPS | 网站地址栏的小锁🔒，Vercel 自动搞定 |
📋 复制这段提示词给 AI
提示词 1：一键部署到 Vercel
我是一个完全不会编程的小白，想把我的网站部署到 Vercel。
我已经做了的准备工作：
- 有 GitHub 账号：[你的 GitHub 用户名]
- 有 Vercel 账号（已用 GitHub 登录）
- 网站代码在本地电脑上：[你的文件夹路径]
我的网站是：[纯 HTML 静态网站 / Astro 项目 / Next.js 项目]
请一步一步教我部署到 Vercel，包括：
1. 如何把代码推送到 GitHub（完整的 git 命令）
2. 如何在 Vercel 控制台新建项目
3. 如何选择 GitHub 仓库并配置
4. 如果构建失败，怎么查看错误日志
5. 部署完成后如何访问网站
6. 以后修改了代码怎么更新
每个步骤请写清楚"在哪个页面点击什么按钮"。我是一个小白，请用最通俗的语言。提示词 2：设置自定义域名
我是一个完全不会编程的小白，想给我的网站绑定自己的域名。
我的网站已经部署在 Vercel，Vercel 给我的网址是：[你的域名].vercel.app
我购买的域名是：[你的域名，如 example.com]
我的域名是在 [域名注册商，如阿里云 / GoDaddy / Namecheap] 购买的
请教我怎么在 Vercel 上绑定自定义域名，步骤包括：
1. 在 Vercel 控制台哪里添加域名
2. 需要在域名注册商那里做什么设置（DNS 解析）
3. 需要添加什么类型的 DNS 记录（A 记录？CNAME？）
4. 具体要填入什么值
5. 设置后多久生效
6. 如何验证域名绑定成功
7. 如何开启 HTTPS（SSL 证书）
请根据我的域名注册商给出具体的操作步骤。越详细越好。
**任务**：将你的网站部署到 Vercel（免费版），访问生成的 URL 确认上线成功，把网址分享给朋友！