展开本页目录
开始前准备什么
- 下载独立练习包，使用 Node.js 20+；参考源码没有 npm 第三方依赖，React 库仅 W03/W11 随包提供。
- 在自己的独立目录中运行；所有业务和身份均为虚构教学数据。
- 目标 App、模型、账号授权与外部发布需按本页真实边界另行操作；不使用真实客户资料练习。
- 准备一个没有真实用户资料的发布副本
- 确认构建产物和路由类型
- 连接 GitHub 的独立练习仓库
- 在 Vercel 导入并检查环境名
- 完成部署后填写真正的源站地址
- 回读首页、深层路径与资源类型
- 保存证据并保留回退版本
独立原创源码、输入、逐步说明、运行脚本和真实本地检查；不含账号密钥或模型权重。
包含七步具体操作、来源与本题未执行范围。
真实执行本题纯函数/结构断言，不代替目标 App、模型、权限或发布测试。
离线 npm ci、check、build 与 HTTP 内容类型回读结果。
1. 准备一个没有真实用户资料的发布副本
本题是虚构“山岚夜谈”活动站。index.html 与 event.html 可独立运行，部署前先确认内容与图片授权，检查不会把 .env、token 或业务数据打包进静态目录。
bash
npm run check
2. 确认构建产物和路由类型
npm run build 将本题 HTML/CSS/JS复制到 dist；它不是 Dyad 默认 Vite 工程。实际生成应用应按自己的 package.json 选择 build 命令与 output directory，不要照抄本题的静态设置。
bash
npm run build3. 连接 GitHub 的独立练习仓库
在 Dyad 应用详情 Connect to GitHub，核对仓库可见性和内容后再 Sync to GitHub。同步会向远端写入代码；本次没有执行账户授权和推送，所以配图仅展示本地待发布工程。
4. 在 Vercel 导入并检查环境名
选择自己的练习仓库，核对 Framework Preset、Build Command、Output Directory 和变量适用环境。env-manifest.json 只记录变量名与公开/私有边界，没有真实密钥。前端 VITE_ 值会进入浏览器包，不放模型服务密钥。
bash
cat env-manifest.json5. 完成部署后填写真正的源站地址
只有 Vercel 实际显示成功且页面可访问后，才把该地址填给 check-origin.mjs。本包不预置似真域名，也不把 localhost 命名为上线结果；脚本默认拒绝未提供目标。
bash
node check-origin.mjs "$PUBLISHED_ORIGIN"
6. 回读首页、深层路径与资源类型
脚本验证首页、event.html、style.css 的状态和 Content-Type，并用明确文案检查不是统一错误页。若你的应用使用 history 路由，还需验证直接打开深层路径与刷新，而非只点站内导航。
7. 保存证据并保留回退版本
记录真实部署 ID、commit、变量名和检查报告，不保存密钥。发布后用浏览器检查移动端、导航与表单；需要回退时选择前一实际 deployment，本页本地检查无法证明公网发布成功。
bash
node verify.mjs
来自 verification.json、clean-room.json 的真实本地检查排版；仅证明本站参考工程，未运行目标 App/模型/外部发布。
横向滑动查看细节，或打开原图放大对照。
怎样确认已经完成
- 输入、实际输出和模型/工具未执行范围分开记录，不把手写参考当模型结果。
- 真实运行本题 npm ci / check / build，并回读独立目录的页面与资源。
- 按本题七步核对负例、手机布局、数据或路由；外部服务单独保存实际验证结果。
常见问题
AI做的网站怎么上线，直接点击 Deploy 就够了吗？
还要核对构建目录、环境变量、深层路由与真实 URL。本页提供离线发布准备包，账户连接和外部发布由你实际执行。
为什么首页能开，活动详情刷新却 404？
可能是部署目录缺少文件或 history 路由缺少回退规则。应直接回读目标路径；首页成功不能证明深层路由正常。