第五步:安全发布第一个网页

发布前检查内容、链接和隐私,再用静态托管上线并保留可回退版本。

30 秒直接答案

发布前删除示例文案、私人信息、测试链接和任何密钥,检查手机页面与所有按钮。静态网页可以通过 GitHub Pages 等服务发布;确认仓库可见性、发布分支和网站地址,并保留上一个可用版本以便回退。

学完你能做到
  • 完成发布前检查
  • 理解仓库和静态托管
  • 知道如何更新与回退
01

发布前做内容与安全检查

公开仓库中的文件可能被任何人看到,前端代码也不能安全保存秘密。

  • 没有密码或 API 密钥
  • 没有私人联系方式
  • 图片有使用权限
  • 链接指向真实目标
02

配置静态发布源

GitHub Pages 可从指定分支或工作流发布 HTML、CSS 和 JavaScript 文件。

  • 仓库名称正确
  • index.html 在发布目录
  • 发布源选择正确
  • 等待构建完成
03

上线后再次检查

公开地址与本地环境可能存在路径差异;逐页测试并记录当前版本。

  • HTTPS 正常
  • 手机可访问
  • 图片和链接无 404
  • 知道如何暂停发布
可复制提示词

替换方括号后交给 AI

请审查下面静态网页的发布风险。只检查:敏感信息、无效链接、外部资源、相对路径、无障碍基础和手机适配。不要执行发布。输出“必须修复|建议修复|可以发布”清单。
代码:
"""
[完整代码]
"""
代码示例

先读懂,再复制运行

first-site/
├─ index.html
├─ styles.css
└─ images/
   └─ cover.jpg
动手练习 · 约 20 分钟

完成本步骤

  1. 复制项目作为发布备份
  2. 搜索 password、token、api_key 等敏感词
  3. 检查全部链接和图片
  4. 按官方指南发布并打开公开地址
排错清单

结果不对时先检查

  • 仓库里包含密钥
  • index.html 不在发布目录
  • 图片使用本地绝对路径
  • 发布后没有检查公开页面
FAQ

常见问题

GitHub Pages 可以发布动态网站吗?

它主要用于静态网站;需要服务器数据库的功能应选择相应托管方案。

为什么本地图片正常,上线后 404?

常见原因是大小写、相对路径或文件没有提交到发布源。

发布后多久生效?

时间可能变化;GitHub 官方快速入门提示发布可能需要几分钟,应查看构建状态。

官方参考来源

浏览器、托管服务和产品界面可能变化,请以当前官方文档为准。