文章到 10 篇了。两个栏目:创业杂谈 3 篇,开发者手册 7 篇。这个数量刚好让「怎么组织文章」变成一个真问题。
这篇不写增长,只写结构:首页、列表页、详情页各自负责什么,以及三栏文档式布局现在该不该上。
三个入口,三种任务
- 首页「最近写了什么」:4 篇,7/5 分栏,左边主打,右边三条。任务是让人发现最近在写什么。
/articles列表页:全部 10 篇,按栏目筛选。任务是查找和浏览。- 详情页:面包屑、正文、同栏目相关文章。任务是读完这一篇,再决定下一篇。
三个入口服务三种任务。三栏布局如果上,会同时影响列表页和详情页,不是只改详情页。
为什么想要三栏
VitePress 那种布局:左侧分类和文章树,中间正文,右侧本页目录。
- 右栏目录:长文需要。现在的文章 5 到 11 个标题,读者要跳转只能滚。
- 左栏:文章之间直接切换,栏目结构显性。
- 视觉:更像知识库,适合开发者手册。
为什么还没上
- 10 篇、2 个栏目,左栏还是偏空;标题又长,20 到 30 个字,200px 的栏会折成两三行。
- 导航重复:Header 有「文章」,列表页有栏目筛选,详情页有面包屑和同栏目推荐。再加一个左栏,导航层级从 2 层变 4 层。
- 宽度:正文 46rem,加左右各 200px,1280 宽刚好,1024 放不下。需要三档断点和移动端折叠。
- 视觉:VitePress 是文档站语言,深色、紧凑、盒子化。这个站是暖白、衬线、留白多。结构可以借,外观照搬会变成另一个站。
现在的决定
先做右栏目录,1024 以上显示,以下折叠到正文顶部。左栏等文章到 15 篇左右再加,或者只在大屏出现。
理由很简单:右栏解决真问题,左栏解决的是「看起来像文档」。10 篇文章还没到需要一棵常驻导航树的密度。
文章系统的规矩
- 栏目必须真实:创业杂谈写做产品的判断,开发者手册写动手的东西。不为凑数硬分。
- 每篇只干一件事:一篇讲一个坑、一个决定或一个系统。
- 标题不写「浅谈」「漫谈」,直接说这篇解决了什么。
- 数量不是目标。10 篇里如果有 3 篇是凑的,列表页会立刻变水。
结构是给内容让路的。等文章真的多到左栏有用,再上三栏也不迟。