← 第 6 关 – 项目负责人

第 3/8 课 ⏱ 35 分钟 高级版

托管与第一次部署

用 GitHub Pages 把网站放到网上,并连上你的域名。

网站住哪里

托管 是网站所在的服务器。静态网站(HTML、CSS、JS——你一直建的)最好从 GitHub Pages 开始:免费、可靠,Git 你也熟了。

跟我看:部署到 GitHub Pages

  1. 把项目 push 到 GitHub(你会:git add .git commitgit push)。
  2. 在 GitHub 打开仓库 → Settings → Pages
  3. “Source” 选 main 分支和 / (root) 文件夹。
  4. 保存——一分钟内网站在 your-name.github.io/repo-name 运行。

完成。网站在互联网上,全世界都能看。🎉

连接自己的域名

上一课买了域名?连上:

  1. GitHub:Settings → Pages → Custom domain → 输入域名。
  2. 在注册商设 DNS(GitHub Pages 文档里有):
    • CNAME 记录 wwwyour-name.github.io
    • 无 www 的域名 → GitHub Pages 的 A 记录
  3. 等——DNS 可能要几小时全球生效(通常几分钟)。
💡

有自己服务器的网站(留言本或聊天机器人)?GitHub Pages 只管静态页——服务器要别的托管(如 Railway、Render;有免费入门档)。流程类似:连仓库,服务启动服务器。静态部分仍可放 Pages。

轮到你了 💪

  1. 按上面步骤把项目部署到 GitHub Pages。
  2. 手机上 打开网站(别用 Wi-Fi!)——能看到吗?全世界就是这样看的。
  3. 把地址发给一个人(家长、朋友),要反馈:什么好用、什么别扭。
  4. 有域名就连上,确认网站跑在自己地址上。
  5. LAUNCH.md 写下:网站地址和第一次部署日期。历史性时刻!

检查一下: 网站全世界任何设备都能打开——GitHub Pages 地址,最好还有自己的域名。除你以外有人看过了。

这堂课你要记住