T learn.traeai

第 13 节 · 本站原创中文课程 · 建议 25 分钟

发布二:让家人打开我的作品

学完能做:准备发布目录,部署到固定网址,验证并保留可回退版本。

小鱼的语言探险 · 用自己的话写下发现,保留实际观察与待验证的问题。

先分清本地与上线

在自己电脑上打开文件,只代表本地运行;别人能通过网址打开,才是在线发布。请家长或老师管理发布账号与分享范围。课堂也可以先把作品文件夹交给老师在班级电脑演示,记录“本地展示”,不用冒充已经上线。

准备一个干净的发布目录

文件夹中放 index.html、cards.html、story.html、game.html、tracker.html;若用图片,也要包含实际引用的图片文件。不要发布学习笔记、打卡备份、账户信息或密钥。检查同一文件夹中的相对链接,首页文件名必须准确。参考首页只有链接,其他四个文件必须从前面的创作课导出。

portfolio/
  index.html
  cards.html
  story.html
  game.html
  tracker.html
  .nojekyll  (空文件,按原样发布静态文件)

按步骤发布到 GitHub Pages

由家长或老师创建一个只放作品的仓库,把文件夹里的文件放到仓库根目录,提交保存。进入仓库 Settings → Pages,选择 Deploy from a branch,选择 main 分支和 /(root),保存并等待部署完成。以 Pages 页面显示的地址为准;使用昵称展示。遇到账号、组织政策或计划限制,请老师选择允许的托管方式,不需要为了本课付费升级。

上线后再验一次

在另一个浏览器或设备上打开实际网址,检查首页、四个链接、刷新和窄屏。404时检查发布来源、index.html、文件名大小写和部署状态;旧内容先核对部署版本与缓存;本地打卡记录不会随网站上传,也不会从本机文件自动迁移到新域名。网页在线不等于本地记录已经云同步。

给这次发布留一个退路

发布前保留 v1 文件夹;发现新版无法使用,先交给家长恢复旧文件再重新发布。记录实际网址、日期、版本和谁检查过。尚未公开就写“未发布”,并附本地测试情况。

故事、讲解和实验由本站编写。下面的小实验无需账号,练习和笔记保存在当前浏览器。

参考来源:arman-bd / GuppyLM 开源项目

动手,把理解变成成果

本节练习

正在读取本机草稿…

整理五个作品文件,完成一次经家长或老师安排的展示或部署。填写实际发布状态、网址或本地位置、检查结果和回退方案。

89 / 6000 字。用自己的话记录发现;作品保存在本机,不发送给外部伴学模型。

给我一个提示

拿到部署网址后,逐个点击作品链接;不要只检查首页。

看看一个例子,再写自己的版本

准备五个HTML文件并核对链接,记录真实部署地址和版本;若仍在本地展示,就明确写未发布。回退需恢复旧文件或撤销问题提交,再重新检查。

我来检查自己的作品

读一读,做到了再打勾。可以请家长或老师一起看看。

理解自测

发布显示成功,但作品链接404,应该?

自己的学习笔记

0 / 3000 字 · 仅保存在此浏览器

走完学习闭环

完成本节

保留练习、勾选人工自评并通过自测后,可记录完成。修改作品或答案会重新打开本节。

课程进度:0 / 15 · 本机记录,不是外部官方证书

← 上一节:发布一:当一次作品小测试员