文件在你电脑上
只有自己能看到
第 9 章
部署上线:让全世界看到
你的主页现在只能在自己电脑上打开。这一章教你怎么把它放到网上,获得一个网址,发给任何人。
什么是部署
部署就是把电脑里的文件放到公网服务器上。公网服务器是一台 24 小时开着的电脑,任何人都能通过网址访问它上面的文件。
💻
现在
→
☁️
上传
传到 GitHub
或 Vercel
或 Vercel
→
🌐
公网
拿到一个网址
全世界都能看到
全世界都能看到
方案一:GitHub Pages(免费,推荐)
✅ 优点
完全免费、稳定可靠、支持自定义域名、GitHub 是全球最大的代码托管平台。
⚠️ 需要
注册 GitHub 账号(免费)、稍微学习一下怎么上传文件。
步骤:
- 注册 GitHub 账号(github.com,用邮箱即可)
- 新建一个仓库(Repository),名字必须是
你的用户名.github.io - 把你的
个人主页.html改名为index.html - 把
index.html上传到仓库 - 等 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 → 上传 → 等一分钟 |