Day 2 上午 · 认识主页
个人主页是一张数字名片
先看界面,再开始操作

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化主页不是把所有信息堆在一起,而是让访客快速知道“你喜欢什么、做过什么”。课堂只用昵称和安全内容。
01 学员操作
- 确定主页给谁看。
- 列出欢迎区、兴趣区、作品区三个部分。
- 选择一个安全昵称。
不用真实姓名、学校、班级、住址、电话、个人邮箱或社交账号。
DAY 2 · DESIGN, SAVE, PUBLISH
上午从设计美学和 UI Prompt 出发完成个人主页;下午把同一个项目推送到 Gitee,再由成人用 Wrangler 公开发布。
开始今天的课程↓
跟着路线,一站一站来
Day 2 上午 · 认识主页

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化主页不是把所有信息堆在一起,而是让访客快速知道“你喜欢什么、做过什么”。课堂只用昵称和安全内容。
不用真实姓名、学校、班级、住址、电话、个人邮箱或社交账号。
Day 2 上午 · 美学基础

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化好看不是“装饰很多”,而是色彩有重点、文字有层级、内容会呼吸。
Day 2 上午 · 风格观察

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化风格库是一面灵感墙,不是完整答案。先观察,再选择适合内容的方向。
Day 2 上午 · 设计决定

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化先做决定,再让 OpenCode 写代码,页面会更统一。
Day 2 上午 · 素材安全

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化公开主页上的每张图和每个字都可能被陌生人看到。
上传给 OpenCode 的项目文件也可能交给远程模型处理。
Day 2 上午 · 先规划

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化先看结构,再写代码。这样更容易发现内容过多或层级混乱。
请根据我的主页设计决定卡,先输出页面结构、视觉层级、主色、字体、留白和响应式计划。只做计划,不写代码;不要加入真实姓名、学校、联系方式或个人照片。Day 2 上午 · 开始制作

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化让 OpenCode 分阶段完成:先结构,再样式,最后互动。每一步都在浏览器看一眼。
计划已确认。请分三阶段实现:HTML 结构、CSS 视觉、必要互动。每完成一阶段就停止并告诉我怎样预览;不要一次全部完成,不读取项目外文件。Day 2 上午 · 设计体检

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化第一版不是终点。要像设计师一样指出具体问题,而不是只说“更好看”。
Day 2 上午 · 发布前复核

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化推送和部署之前,要同时检查页面、文件、提交历史和图片元数据。
没有成人复核就不要公开仓库或部署。
起点 · 账号准备

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化邮箱就像你在互联网上的收件地址。Gitee 会向它发送验证邮件,所以必须能正常收信。
验证码和邮箱密码只能由你自己输入,不要发给老师、同学或 OpenCode。
账号准备

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化Gitee 是保存代码的网络平台。用户名会出现在仓库地址中,建议使用简短的英文或拼音。
Gitee 官方也建议使用国内邮箱接收激活邮件。密码和验证码不要粘贴进 OpenCode。
第一站 · 认识任务

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化仓库是一只装代码的文件夹;提交是一张“这次改了什么”的存档;推送则是把本地存档送到 Gitee。
请只读检查当前项目目录,告诉我项目名称、主要文件和是否已经是 Git 仓库。不要修改任何文件。这不是安装教程。如果命令不存在,请举手,让老师检查教学电脑环境。
第二站 · 告诉 Git 你是谁

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化Git 会在每次提交旁写下作者信息。这里使用你的名字和刚注册的 163 邮箱。
请只为当前个人主页仓库配置 Git 用户名“你的安全昵称”和邮箱“你的163邮箱”,不要修改全局配置。先解释将运行什么,等我回复确认后再执行;完成后读取当前仓库配置让我核对,并在右侧审查区显示变化。不要读取或展示任何密码。第三站 · 建立安全通道

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化SSH 密钥是一对钥匙:公钥像可以公开的锁,私钥是真正开锁的钥匙。公钥交给 Gitee,私钥永远留在电脑里。
我要为 Gitee 配置 SSH。请先检查 ~/.ssh/id_ed25519 是否存在,绝对不要覆盖已有密钥。若不存在,用 ed25519 和备注“你的163邮箱”生成密钥。只显示 ~/.ssh/id_ed25519.pub 公钥,永远不要读取、显示或发送私钥。每一步先解释再执行。危险边界:id_ed25519 是私钥,id_ed25519.pub 才是公钥。没有 .pub 的文件绝不能复制。
第三站 · 建立安全通道

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化现在把“锁”登记到 Gitee。以后只有持有对应私钥的这台电脑,才能以你的身份推送。
请运行 ssh -T git@gitee.com 测试 SSH 连接。先解释首次连接可能出现的确认提示;如果需要密码、验证码或私钥,请立即停下让我自己处理。最后用中文解释测试结果。第四站 · 创建远程仓库

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化远程仓库是项目在 Gitee 上的家。为了避免首次推送冲突,这次创建一个真正的空仓库。
仓库地址可以发给 OpenCode;账号密码、验证码和私钥仍然不可以。
第五站 · 制作第一份存档

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化先让 OpenCode检查文件,再创建 Git 仓库。提交前一定要看清哪些文件会被保存,避免把密码或配置秘密一起提交。
请检查当前课堂项目是否适合提交到 Git。先查找并提醒我任何 .env、密钥、密码或体积异常的文件,未经我确认不要提交。确认安全后:初始化 Git 仓库,将默认分支设为 main,展示 git status,再创建首次提交,提交信息为“完成课堂项目初稿”。每一步先解释并等待必要批准。第六站 · 推送到云端

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化origin 是远程仓库的常用简称。第一次推送会让本地 main 分支记住 Gitee 上的 main 分支。
请把当前项目推送到 Gitee。SSH 仓库地址是“你的仓库SSH地址”。先运行 git remote -v 检查现有远程;若已有 origin,不要覆盖,先向我说明。确认安全后添加 origin,并执行 git push -u origin main。遇到密码、验证码或私钥请求时立即停下。最后解释推送结果。终点 · 验收成果

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化命令没有报错只是一个信号,真正的验收是在 Gitee 页面看到文件和提交记录。
以后每次 · 三步循环

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化SSH 和远程仓库只需配置一次。以后修改代码,只重复“检查 → 提交 → 推送”。
请帮我安全地提交并推送当前改动:先展示 git status 和变更摘要,检查是否包含密码、密钥、.env 或不应提交的大文件;等我确认后创建一条准确的中文提交信息并提交,最后推送到现有 origin。不要修改远程地址,不要读取任何私钥。OpenCode 是助手,不是保险箱。批准命令前先读清楚,敏感信息永远由你自己保管。
课程二 · 认识公开展台

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化本地文件夹是家里的作品,Gitee 是作品仓库,Cloudflare Pages 则是互联网上的公开展台。git push 保存源码,Wrangler 才负责把网页摆上展台。
公开网址真的会被别人看到。儿童隐私信息不能写进课堂网页。
课程二 · 成人操作

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化Cloudflare 的网站和服务不面向 18 岁以下个人。这一步只能由年满 18 岁的老师、学校管理员或监护人演示完成,学生不注册个人账号。
账号属于成人。密码、验证码和恢复信息都不能展示给学生或交给 OpenCode。
课程二 · 成人操作

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化验证邮件是在确认“这个邮箱确实属于账号主人”。这是账号安全步骤,仍然由成人独立完成。
学生不打开成人邮箱,不读取验证码,也不保存成人账号信息。
课程二 · 回到作品

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化今天发布的是上午刚完成并通过成人隐私复核的个人主页。制作、保存和发布始终围绕同一个项目。
请核对当前项目是不是我的个人主页,并只读检查它是否适合静态发布。先报告,不要构建或部署。如果项目需要服务器运行,或者老师没有确认它能静态发布,请停下,不要盲目上传。
课程二 · 检查工具

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化Wrangler 是和 Cloudflare 沟通的小助手。先检查项目中是否存在;缺少时由 OpenCode 解释后安装到当前项目,不改全局环境。
请先检查当前个人主页项目是否已有 Wrangler,并返回项目内版本。若缺少,请说明将如何把 Wrangler 安装为项目开发依赖、会修改哪些文件,然后停下等我回复确认;不要全局安装,不要使用 sudo。完成后请提示我到右侧审查区核对变化。wrangler --version课程二 · 成人授权

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化wrangler login 会在电脑中留下授权状态,因此只能由成人在老师或家长控制的部署 Mac 上执行。学生自己的电脑不登录 Cloudflare。
请解释 Wrangler 登录会写入什么本地认证状态。等我确认后,在这台成人受控部署 Mac 发起登录;浏览器打开后停下让我核对账号和权限。浏览器授权不是普通练习步骤。学生不能替成人点击允许。
课程二 · 核对身份

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化部署前先看清楚“我要把作品放到谁的展台”。whoami 的意思就是“我是谁”。
请使用当前项目内的 Wrangler 查询当前登录身份,只显示 Cloudflare 账户名称和邮箱,不显示令牌或认证文件;执行前等我确认。wrangler whoami课程二 · 找到展品

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化源码像制作材料,发布目录才是做好的展品。不同网站的构建命令和发布目录可能不同,不能一律猜成 dist。
请只读检查当前个人主页的 package.json、配置文件和目录结构,判断:1. 它是不是可部署到 Cloudflare Pages 的静态网站;2. 正确构建命令是什么;3. 构建后的发布目录是什么。先给出证据,不要构建、不要部署,也不要猜测固定为 dist。需要服务器才能运行的项目不走这条静态发布路线,必须交给老师处理。
课程二 · 准备展品

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化构建就是把制作材料整理成浏览器能直接展示的成品。Pages 至少需要在发布目录里找到网页入口。
请运行已确认的构建命令“你的构建命令”。成功后,只读检查“你的发布目录”是否存在、是否包含 index.html,并列出准备上传的文件数量。若构建失败,停止并解释第一个实际错误;不要部署。课程二 · 建立展台

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化Pages 项目是公开展台的名字。它不是本地文件夹,也不是 Gitee 仓库;它会成为网址的一部分。
请检查 Pages 项目名“你的Pages项目名”只含小写字母、数字和连字符,确认当前 Cloudflare 身份后展示创建计划。等我核对并明确批准,再使用项目内 Wrangler 创建 Pages 项目,生产分支为 main。wrangler pages project create 你的Pages项目名 --production-branch=main课程二 · 正式开幕

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化现在 Wrangler 会把发布目录里的成品上传到刚创建的公开展台。这是外部写操作,执行前要再核对一次。
准备部署个人主页:发布目录是“你的发布目录”,Pages 项目名是“你的Pages项目名”,生产分支是 main。请先只读确认目录包含 index.html、展示上传文件数量并核对当前 Cloudflare 身份,然后停止等待我的明确批准。批准后再使用项目内 Wrangler 部署。wrangler pages deploy 你的发布目录 --project-name=你的Pages项目名 --branch=main部署地址是公开的。发现网页中有儿童隐私信息时,不要继续分享链接,立即告诉老师。
课程二 · 参观展台

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化上传完成不等于网页一定正确。真正的验收是打开网址,检查标题、文字、样式和按钮。
课程二 · 学会更新

用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化展台已经建好,以后不需要重复创建 Pages 项目。修改网页后只需重新构建、检查,再部署到同一个项目。
请展示个人主页当前改动并检查儿童隐私与敏感信息;运行已确认的构建命令,确认发布目录包含 index.html。然后展示部署到现有 Pages 项目的计划并停止,等我明确批准后再部署。完成后再等我批准退出 Wrangler。wrangler logoutJOURNEY COMPLETE
今天还有 33 步没有打勾。
进入 Day 3:Skills 创作 →