Vibe Coding
个站部署

极简、优雅、高效的部署流程

一、准备工作

准备并检查网站文件

确保你的核心文件已经就绪

→ 设计 HTML
index.html

二、快速上线

1. 创建 GitHub 仓库

  • • 登录 github.com (谷歌/苹果)
  • • 新建仓库：使用英文命名

2. 上传文件

选择 "Upload existing files" 并拖入 index.html

3. 仓库设置

Settings → Pages → 选 main 分支 → Save 保存

返回仓库主页

等待部署审核

系统会自动进行构建，完成后点击链接即可

个站正式上线

三、持续维护

1. 下载 Vibe Coding 软件

VS Code Trae Cursor Claude Code Codex
下载并安装 VS Code

2. 链接 GitHub

1

克隆 Git 仓库：登录账号 → 授权

2

在 VS code 中选择仓库 → 设置本地文件夹 → 打开

3. 持续维护与提交

Vibe coding优化迭代

改什么东西，全都Vibe coding。

"将新增的文件放入仓库，备注后提交"

4. 提交上传方式

手动方式 GitHub 网页手动上传
自动方式 Vibe coding软件自动同步

四、私有个站

1. 购买域名 (阿里云万网)

专属的 .com 或 .cn 网址是身份的象征

立即搜索域名

注意：购买后需完成实名认证

2. 域名解析

记录类型 主机记录 记录值
CNAME www cname.vercel-dns.com
A @ 216.198.79.1 (vercel专用地址)

3. 中转部署 (Vercel)

链接 GitHub

前往 Vercel.com，点击 "Add New Project" 导入你的仓库。

新建 Vercel 项目
Import -> Deploy

部署私有域名

在 Vercel 项目设置中添加你的阿里云域名，完成验证。

恭喜！个站私有化部署成功