页面、架构页与全站验证:让网站自己证明自己
2026-06-11约 50 分钟页面验证SSG
目标
补全所有页面(首页/项目/构建日志/AI 分身架构/关于我),把「架构页展示的 prompt 与线上同源」从口号变成代码,并完成全站验证。
结果
- 构建产物符合设计:19 个页面全部静态预渲染(含 sitemap.xml / robots.txt),唯一的动态端点是
/api/chat;全站唯一的重客户端组件是聊天岛。 - 同源 prompt:
/ai-twin页面直接渲染buildSystemPrompt()的实时输出——和/api/chat喂给模型的是同一个函数,资料一改两边同步变。 - 浏览器实测(生产构建 + 无 key 演示模式):点击建议问题 chip → 用户气泡 → 「演示模式 · 预设问答」徽章 → FAQ 命中回答流式渲染,全链路无 JS 报错;移动端 375px 全站无横向滚动。
npm run lint && npm run typecheck && npm run build全绿;check:content列出全部待填占位符等待站主补充。
踩坑与纠正
本阶段没有新坑——前几篇日志里立的规矩(先读类型再写代码、每步过类型检查、验证矩阵必跑)开始还债了:页面层一次性通过。
用时与备注
约 50 分钟。从第一句需求到全站验证完成,会话内累计约 3 小时(不含部署);其中纯人工输入只有几句话和四次选择题,其余由 AI 执行、人审核关键节点。