第五步:安全发布第一个网页
发布前检查内容、链接和隐私,再用静态托管上线并保留可回退版本。
发布前删除示例文案、私人信息、测试链接和任何密钥,检查手机页面与所有按钮。静态网页可以通过 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 分钟
完成本步骤
- 复制项目作为发布备份
- 搜索 password、token、api_key 等敏感词
- 检查全部链接和图片
- 按官方指南发布并打开公开地址
结果不对时先检查
- 仓库里包含密钥
- index.html 不在发布目录
- 图片使用本地绝对路径
- 发布后没有检查公开页面
常见问题
GitHub Pages 可以发布动态网站吗?
它主要用于静态网站;需要服务器数据库的功能应选择相应托管方案。
为什么本地图片正常,上线后 404?
常见原因是大小写、相对路径或文件没有提交到发布源。
发布后多久生效?
时间可能变化;GitHub 官方快速入门提示发布可能需要几分钟,应查看构建状态。