用 GitHub Pages 免费发布你的网站

用 GitHub Pages 免费发布你的网站

不需要花一分钱，10 分钟就能让全世界看到你的网页。

你会学到什么

• Git 和 GitHub 的基本概念（版本控制 + 代码托管）
• 把本地文件上传到远程仓库
• 配置 GitHub Pages 自动部署
• 理解 URL 和域名

准备工作

确保你已经：

• 有一个可以正常打开的 HTML 文件（比如第 6 章做的作品集）
• 把那个文件命名为 index.html（重要！必须是这个名字）
• 电脑能上网

第一步：注册 GitHub 账号

1. 打开 https://github.com ，点击右上角 Sign Up
2. 输入邮箱 → 设置密码 → 设置用户名（用户名很重要，会出现在你的网址里）
3. 验证邮箱（去邮箱收验证码）
4. 登录后看到 Dashboard（仪表盘），这就是你的 GitHub 主页

什么是 GitHub？ 你可以把它理解为"代码的网盘 + 版本管理器"。程序员用它存代码、协作、展示作品。全世界几乎所有开源项目都托管在 GitHub 上。

第二步：创建仓库

仓库（Repository，简称 repo） = 一个项目的文件夹，GitHub 帮你管理这个文件夹里的所有文件。

1. 点击右上角头像旁边的 "+" → New repository
2. Repository name 填写：你的用户名.github.io
   • 比如用户名是 myname123，就填 myname123.github.io
   • 这个名字是固定的，不能随便取，因为 GitHub 用它来生成你的网址
3. 选择 Public（公开，不然别人看不到你的网站）
4. 下方不要勾选任何复选框（保持空白）
5. 点击绿色按钮 Create repository

第三步：上传你的文件

进入刚创建的仓库，看到 "Quick setup" 页面：

1. 点击页面中间的 "uploading an existing file"（蓝色链接）
2. 把你的 index.html 文件拖拽到上传区域
3. 往下滚，在 Commit message 框里写：第一次提交：我的作品集
4. 确保 "Commit directly to the main branch" 被选中
5. 点击绿色按钮 Commit changes

Commit（提交） = 保存一个版本。每次修改代码后你都可以做一个新的 commit，GitHub 会帮你保存所有历史版本。改坏了随时能回到之前的版本。

第四步：等待部署并访问

1. 点击顶部导航栏的 Settings 标签
2. 左侧菜单找到 Pages（在 "Code and automation" 分类下）
3. 在 "Branch" 区域，你会看到 "Your site is live at https://你的用户名.github.io"
4. 如果没看到，确认 Branch 选择了 "main"，点击 Save，等待 1-2 分钟

现在打开浏览器，输入 https://你的用户名.github.io，你的网站就在互联网上了！

第五步：分享和更新

• 把这个链接发给朋友、家人，让他们看看你的作品
• 以后修改了网页，重复第三步（上传新文件 → Commit），网站会自动更新
• 如果你想添加更多页面（比如 todo.html），在链接后面加文件名即可：https://你的用户名.github.io/todo.html

常见问题

Q：上传后访问显示 404？ A：等 1-2 分钟再试。GitHub Pages 部署需要一点时间。另外确认文件名是 index.html（全部小写）。

Q：我改了文件但网站没变化？ A：清除浏览器缓存（Ctrl+F5 强制刷新），或者等 1-2 分钟让部署完成。

Q：可以绑定自己的域名吗？ A：可以！在 Settings → Pages → Custom domain 里填写你的域名。不过你需要先拥有一个域名。

替代方案：Vercel（更现代）

如果你觉得 GitHub Pages 不够灵活，试试 Vercel：

1. 打开 https://vercel.com ，用 GitHub 账号直接登录
2. 点击 New Project → 选择你的 GitHub 仓库
3. 点击 Deploy，等待 1 分钟
4. 获得一个 你的项目.vercel.app 的网址
5. 自动配置 HTTPS，每次 push 代码自动重新部署

你刚刚做到的事情

回顾一下：

1. 注册了 GitHub 账号（进入全球最大程序员社区）
2. 创建了第一个仓库（学会了版本管理的基础）
3. 上传了你的网页文件（用 Commit 保存了版本）
4. 网站上线，互联网上任何人都能访问

从此以后，你不只是一个"学习者"，你是一个能在互联网上公开发布作品的创造者。