WorkBuddy AI 编程入门
第 9 章

部署上线:让全世界看到

你的主页现在只能在自己电脑上打开。这一章教你怎么把它放到网上,获得一个网址,发给任何人。

什么是部署

部署就是把电脑里的文件放到公网服务器上。公网服务器是一台 24 小时开着的电脑,任何人都能通过网址访问它上面的文件。

💻
现在
文件在你电脑上
只有自己能看到
☁️
上传
传到 GitHub
或 Vercel
🌐
公网
拿到一个网址
全世界都能看到

方案一:GitHub Pages(免费,推荐)

✅ 优点
完全免费、稳定可靠、支持自定义域名、GitHub 是全球最大的代码托管平台。
⚠️ 需要
注册 GitHub 账号(免费)、稍微学习一下怎么上传文件。

步骤:

  1. 注册 GitHub 账号(github.com,用邮箱即可)
  2. 新建一个仓库(Repository),名字必须是 你的用户名.github.io
  3. 把你的 个人主页.html 改名为 index.html
  4. index.html 上传到仓库
  5. 等 1-2 分钟,访问 https://你的用户名.github.io
💡 不会操作 GitHub?

把这个说明发给 WorkBuddy:"我想把一个 index.html 文件部署到 GitHub Pages,请一步一步教我,包括怎么注册、怎么创建仓库、怎么上传文件。我是零基础。" WorkBuddy 会给你完整教程。

方案二:Vercel(更简单,但也免费)

✅ 优点
拖拽文件夹就上线,30 秒搞定,自动 HTTPS,速度快。
⚠️ 需要
注册 Vercel 账号(用 GitHub 账号登录)。

步骤:注册 vercel.com → 新建项目 → 拖拽你的 index.html → 自动获得网址。

方案难度域名适合
GitHub Pages中等xxx.github.io想学习 GitHub、以后会用到的
Vercel简单xxx.vercel.app只想快速上线、不折腾的

上线之后做什么

把链接发给朋友,看到他们真的在用的那一刻,你就不再是"正在学编程的人"——你是"做出了东西的人"。

本章小结

要点说明
部署是什么把本地文件传到公网服务器,拿到网址
GitHub Pages免费稳定,适合想学 GitHub 的人
Vercel更简单,拖拽就行
核心动作html 改名为 index.html → 上传 → 等一分钟