单页网站 · Single-page Website
英文：Single-page Website
页面结构难度：入门 ★
🗣️一句话大白话
所有主要内容都在同一页面，通过滚动或锚点导航浏览。所有主要内容都放在同一页面中，用户通过滚动或锚点导航浏览 Hero、About、Projects、Writing 和 Contact。
🎬真实场景
个人名片、轻量作品集、活动页、早期产品介绍、信息量不大的官网
📮你可以这样说
「为 Punk 制作一个单页个人作品网站，页面顺序为 Hero、About、Selected Work、Writing、Contact 和 Footer； 顶部导航通过 Anchor Links 跳转到对应区块， 使用平滑滚动但尊重 prefers-reduced-motion，每个区块都设置清晰的 id 和语义化标题。」
通过 AI绘图 工作台生成（模型 API 额度由此消耗）；未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸误解：单页就是所有内容堆一页。实际要按叙事顺序组织区块，区块过多时滚动负担大
🚫什么时候别用
- ✗内容很多、需要独立 SEO 页面和长期扩展时
🧩常见变体
单页+锚点导航单页长滚动
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系