← 全部日志

页面、架构页与全站验证:让网站自己证明自己

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 执行、人审核关键节点。