学习网页

第 5 步：把学习网页发布到公网

这一步把 GitHub 上的网页放到云服务器，让浏览器通过公网地址访问。

给其他 AI 看的进度在同目录 AGENTS.md。

磁盘路径。这是 Windows 保存文件的位置，写在文件里，不会变。

E:\Projects\NEW\index.html

浏览器地址。这是浏览器拿到这份文件之后，自己填进下面这一行的。

如果刷新后这里还是这句话，说明 script.js 没有跑。

学习网页的目标公网地址是 learn.shenzhen-test.cloud。网页文件从 GitHub 拉取后，发布到服务器的独立网站目录。

我会用 commit 保存本地版本，再用 push 同步到 GitHub。

网页代码分成三个文件

index.html 只管结构，以及下面这两行引用。
style.css 只管样子。改颜色只打开它。
script.js 只管行为。地址栏那一行是它填上的。

九步路线

浏览器打开磁盘上的一个文件。
看清路径：文件在哪，浏览器从哪把它拿出来。
把页面拆成结构、样式、行为。
用 Git 给这一页留下可以回退的存档。
把本地存档同步到 GitHub。
把静态网页放到公网上，让别人也能打开。当前在这里。
页面变大、难维护之后，再引入现代前端。
要做功能时，补上 API 和后端。
数据要留下来：先文件，再数据库，再认出同一个人。

这一步带走

GitHub 保存代码与版本记录，服务器运行网页服务。
这台服务器上的 Caddy 接收浏览器的请求，按域名找到网站，再返回网页文件或转交给后端程序。
发布更新要经过本地 push、服务器 pull，再把网页文件放入网站目录。