搭骨架
文档三栏布局
Doc Layout
「左目录中正文右大纲」「文档站三栏」「设计系统文档布局」「知识库三栏结构」
LIVE DEMO真实可交互，动手试试
开始使用
组件词条
易混对比
最佳实践
Hero 是什么？
Hero 是页面首屏区，不只是一个大 banner 图。
常见别名
首屏、主视觉区、首页第一屏。
Prompt 示例
做一个包含标题、副标题、主按钮和视觉图的 hero 区块。
定义
别名
示例
- 英文名
- Doc Layout
- 别名 · 俗称
- 三栏文档布局文档站结构左目录中正文右大纲
- Web 叫法
- Documentation Layout
- 大白话定义
- 同时展示整站目录、正文内容和当前页大纲的三栏结构，适合文档站、设计系统和知识库。
- 部位拆解
- 站点目录 Global Nav左侧整站层级导航
- 正文 Content中间主阅读区
- 页内大纲 TOC右侧当前页章节导航
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
做一个文档三栏布局（Doc Layout）：左侧站点目录，中间 MDX 正文，右侧页内大纲，三栏高度各自独立滚动
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的文档三栏布局（Doc Layout）。逐一排除：三栏滚动互相抢；右侧大纲没有跟正文滚动同步；中间正文宽度过宽导致阅读吃力；移动端没有降级成单栏。症状是：