Web表白界面

落魄君子2024-07-242026-08-13

准备工作

GitHub 注册

本文链接和 GitHub Pages 操作检查于 2026-08-13。上游仓库的目录、文案和行号可能继续变化；公开页面前请删除真实手机号、住址等隐私信息，并保留原项目许可证与作者署名。

Web教程

Fork 项目（复制粘贴）
- 进入项目地址
- 点击 Fork（记得给大佬点个 Star！）
- Fork 到自己的账号，仓库名可以保持默认，然后点击 Create fork
- 进入自己 Fork 的仓库，先预览并选好页面
修改信息
- 这里以 Web/032 为例
- 点击Web ，找到032 ，点击index.html !
- 点右上角的铅笔 Edit 编辑文件
- 不要依赖旧教程中的固定行号：用浏览器搜索 小孙同学、小爱同学 或 <title>，再替换为自己的内容
- 预览差异，确认没有误改 HTML 标签后提交
如何部署
- 打开仓库的 Settings，然后在左侧找到 Pages
- 在 Build and deployment 中选择 Deploy from a branch，分支选 main，目录选 /(root)，然后 Save
- 等待 Pages 构建完成；首次发布和 HTTPS 证书签发可能不止 1 分钟，可在 Actions 或 Pages 页面查看状态
- 项目站默认地址为 https://<username>.github.io/<repository>/。如果仓库仍叫 Awesome-Love-Code，示例页地址就是 https://<username>.github.io/Awesome-Love-Code/Web/032/
- 现在，你就完成了基本的网页部署！
进阶玩法 1（使用自己的域名）
- ~~网页已经上线了，但是这个URL实在是不好看（太长了），怎么修改哪？~~
- 先在 GitHub Pages 的 Custom domain 中填写准备使用的完整域名，例如 love.example.com
- 如果使用子域名：在 Cloudflare DNS 中只添加一条 CNAME，例如名称 love、目标 <username>.github.io。目标不能包含 https://、仓库名或 /Web/032/ 路径
- 如果使用根域名：按照 GitHub 当前文档配置 A（以及可选的 AAAA）记录，不要再在同一名称上添加 CNAME。GitHub 的 IP 可能更新，配置时从官方文档复制，不要只依赖本文的历史数值
- 使用 Cloudflare 时，先设为“仅 DNS”完成 GitHub 的 DNS 检查和证书签发；确认访问正常后再评估是否开启代理
- DNS 检查通过后启用 Enforce HTTPS。自定义域名改变的是站点域名，不会自动去掉页面路径，因此此时示例仍为 https://love.example.com/Web/032/
进阶玩法 2（让页面位于域名根路径）
- DNS 记录只能映射域名，不能把 CNAME 指向 /Web/032/，所以旧教程中的“在 CNAME 目标后追加路径”是无效配置
- 将 Web/032 页面及其依赖资源复制到 Pages 发布源的根目录，确保根目录存在 index.html，并逐一检查 CSS、JavaScript、图片等相对路径
- 更稳妥的做法是新建一个专用仓库，只把这个页面放在仓库根目录，再为该 Pages 站点绑定 love.example.com；这样打开 https://love.example.com/ 就能直接进入页面