10 篇文章之后,我怎么组织文章区

文章从 5 篇到 10 篇,栏目只有两个。首页、列表页、详情页各自负责什么,以及为什么我还在犹豫要不要上三栏。

  • #内容
  • #导航
  • #个人网站
本页目录

文章到 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 篇是凑的,列表页会立刻变水。

结构是给内容让路的。等文章真的多到左栏有用,再上三栏也不迟。

本文同步发布于公众号「傲慢鱼偏见」,欢迎关注。