静态教程站首页完整案例
静态教程站首页完整案例
Section titled “静态教程站首页完整案例”这篇会作为本站第一批完整案例之一：从一个空白或初版 Astro 项目开始，让 Codex 帮你做一个能上线的教程站首页。
前置教程：常见任务实战：让 Codex 优化静态网站首页
如果你只是想先练习“优化一个已有首页”，先看前置教程。本篇后续会扩展成从 0 到上线的完整案例。
最终做出一个包含下面内容的首页：
- 固定顶部导航
- 科技风 Hero 区域
- 清晰的学习入口
- 文档入口
- 适合 SEO 的标题和描述
- 移动端可正常浏览
- 让 Codex 阅读项目结构。
- 让 Codex 找到首页文件和全局样式文件。
- 给 Codex 明确首页目标和视觉参考。
- 限定 Codex 只能改首页和相关样式。
- 让 Codex 修改代码。
- 运行构建检查。
- 打开页面验证效果。
- 根据截图继续微调。
- 汇总代码变化和验收结果。
这篇案例完成后，用户应该能照着做出一个可运行、可构建、可截图验证的静态教程站首页。