侧边栏布局 · Sidebar Layout
英文：Sidebar Layout
页面布局难度：入门 ★
🗣️一句话大白话
页面一侧长期保留一条栏，另一侧显示主要内容。侧边栏可以承载个人信息、分类、目录、筛选器或后台导航。
🎬真实场景
博客、文档站、后台、作品归档、设置页
📮你可以这样说
「为 Punk 的 Journal 页面添加左侧 Sidebar，宽度为 260px， 包含头像、个人简介、文章分类、标签和社交链接，右侧为文章列表； 桌面端侧边栏保持 Sticky，手机端把侧边栏内容折叠到顶部筛选按钮中。」
通过 AI绘图 工作台生成（模型 API 额度由此消耗）；未配置模型密钥时会提示失败原因。
⚠️边界与常见误解
- ▸误解：侧边栏适合所有页面。实际内容型长文页面用侧边栏会分散注意力，手机端必须折叠
🚫什么时候别用
- ✗以沉浸式阅读为主的文章页
- ✗信息很少的落地页
🧩常见变体
固定侧边栏手机端折叠到筛选按钮
🕸️知识关系图
这个词条与相关术语、AI绘图 知识的连接关系