第 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 文件夹;发现新版无法使用,先交给家长恢复旧文件再重新发布。记录实际网址、日期、版本和谁检查过。尚未公开就写“未发布”,并附本地测试情况。
故事、讲解和实验由本站编写。下面的小实验无需账号,练习和笔记保存在当前浏览器。