跳到主要内容

模块教程 / FIELD NOTES

公众号标题与开场怎么搭?masthead、六种章节标题、目录和章节牌指南

如果你最容易卡在第一屏、目录和章节切换,这篇文章会告诉你封面卡什么时候用、目录什么时候上、章节头和标签标题怎么分工。

很多文章一开始就输掉,常见原因是第一屏没有把读者带进去。

开场模块解决的就是这个问题。

这一篇讲 6 类开场与标题模块:

  • hero
  • cards
  • part
  • section-title
  • toc
  • label-title

它们共同负责一件事:

先把阅读入口和结构讲清楚。

先记一个总原则

开场模块负责降低读者进入成本。

所以第一屏不要同时做三件事。你要先决定,这篇文章开头最重要的任务到底是什么:

  1. 先给判断
  2. 先给目录
  3. 先给专题感

如果这个任务不清楚,开场就容易又满又散。

hero 什么时候用

hero 适合这几类内容:

  • 品牌发布稿
  • 专题稿
  • 活动稿
  • 服务说明页
  • 需要第一屏先立主张的文章

它不适合:

  • 很短的快讯
  • 只有一个判断的短文
  • 纯通知类内容

最短示例

:::hero
eyebrow: FEATURE THEME
meta: 2026.03
kicker: 先把结构搭稳
title: 模块负责信息骨架 | 主题负责阅读气质
subtitle: 用统一模块把教程、方案和发布稿都组织得更稳定
image: https://example.com/cover.png
brand: md2wechat
tags: 结构化 | 可复用
:::

用的时候注意什么

  • 标题要讲判断,不要写成口号
  • 副标题要补价值,不要重复标题
  • 标签不要堆太多
  • 图片要服务主题,不要只是装饰

hero 的 4 种变体怎么选

新版封面卡可以按文章任务选择 4 种写法:

变体 适合内容 重点
editorial 观点文、深度文章、个人品牌文章 第一屏先立判断,气质更像编辑导语
briefing 报告、产品分析、企业文章 用三条导读帮读者先抓结构
story 人物故事、案例复盘、创业经历 用一个场景带出主判断
masthead 专题、发布稿、品牌栏目 用刊头、标题和品牌署名建立强识别度
:::hero
variant: briefing
eyebrow: 产品观察
meta: 8 min read
title: 高级排版的竞争力,不在主题,而在模块表达
subtitle: 主题决定气质,模块决定读者能不能看懂、记住和行动
points: 模块选择不足 | 信息卡不够强 | CTA 转化弱
brand: md2wechat
:::

masthead 只保留刊头真正需要的字段,不读取 kickerpointsimagetags

:::hero
variant: masthead
symbol: spark-solid
eyebrow: 深度观察
meta: 阅读约 8 分钟
title: 高级排版服务 | 阅读决策
subtitle: 标题建立秩序,模块推动阅读
brand: md2wechat
:::

cards 什么时候用

cards 适合用来做开场后的“结构预告”。

它最适合告诉读者:

  • 这篇文章会分成哪几段
  • 每一段大概负责什么

特别适合:

  • 长文
  • 方法论
  • 发布稿
  • 白皮书类内容

最短示例

:::cards[模块速览]
PART 01 | 开场模块 | 先交代判断和阅读入口 | accent
PART 02 | 证据模块 | 用数据、对比和步骤支撑结论 | default
PART 03 | 收尾模块 | 用总结、FAQ 和行动把文章收住 | default
:::

常见错法

  • 每张卡写太长
  • 三张卡都像一句空话
  • 同时想讲结构、价值和动作,结果都讲不清

toc 什么时候用

toc 适合解决“长文怎么读”的问题。

它最适合:

  • 教程拆解
  • 干货长文
  • 白皮书
  • 复盘文章

它不适合:

  • 很短的文章
  • 目录比正文还长的内容

最短示例

:::toc[阅读导航]
01 | 先看结构 | 用目录先告诉读者这篇文章怎么读
02 | 再看重点 | 用观点、数据和案例把判断提出来
03 | 最后看行动 | 用清单、工具和说明把内容落到可执行
:::

用的时候注意什么

  • 每一项都要像“阅读动作”
  • 不要写成泛泛标题
  • 最好控制在 3 到 5 项

section-title 的 6 种结构怎么选

section-title 不是普通 Markdown 标题的替代品。它只用于长文章里真正需要建立扫描节奏的章节入口。

变体 视觉任务 适合场景
marker 用符号快速定位章节 教程、知识文
divider 用横线建立克制分隔 报告、复盘
numbered 用数字或短章节牌建立顺序 系列、步骤型长文
frame 用几何边框形成专题感 发布稿、品牌稿
focus 居中聚焦一个判断 观点文、方法论
vertical 用下竖线加强纵向节奏 访谈、叙事长文
:::section-title
variant: numbered
index: 03
title: 先建立清晰的阅读层级
subtitle: 普通小节继续使用 Markdown 标题
:::

markerdividerfocusvertical 可以填写系统公布的英文 symbol 键;numbered 使用 indexframe 不使用符号。调用方不要直接填写 、Emoji、HTML 或 SVG。

partsection-titlelabel-title 怎么分工

很多人会把这两个混在一起。

它们的区别其实很简单:

  • part:负责章节切换,适合大段落
  • section-title:负责需要明显视觉层级的核心章节,一篇长文少量使用
  • label-title:负责小节切换,适合中小段落

part 最适合

  • 第一大章
  • 方法第二部分
  • 复盘里的阶段切换

label-title 最适合

  • 小节提示
  • 模块过渡
  • 突然切换一个新的重点

一篇文章里,开场模块怎么搭最稳

教程稿

推荐:

  • hero 或短开头
  • toc
  • section-titlepart

方案稿

推荐:

  • hero
  • cards
  • section-title: frame

发布稿

推荐:

  • hero
  • cards
  • summarymetrics

最后给你一个最稳搭法

如果你只想先搭一个不容易出错的开场,建议这样排:

  1. hero: masthead
  2. cards
  3. toc
  4. section-title

如果文章不长,就删掉 cardstocsection-title,不要硬堆。普通小节继续使用 Markdown 标题。

下一步建议继续读:

继续阅读

公众号高密度内容怎么排?callout、quote-card、stat-row 使用指南

如果正文信息很多,但读者看完记不住重点,先不要继续加大标题。callout、quote-card、stat-row 更适合把提醒、判断和关键数字变成清楚的阅读停顿点。

术语、社交证明和问答怎么排?definition、tweet、question 三个模块的用法

术语解释、用户反馈和常见问题,本质上都在降低理解成本。definition、tweet、question 适合把这些内容从正文里拎出来,让读者更快建立信任。

选型、更新日志和资源合集怎么排?comparison-table、changelog、resource-list 用法

产品文章最容易写散:一会儿讲对比,一会儿讲更新,一会儿丢链接。comparison-table、changelog、resource-list 能把这三类信息整理成读者可收藏的结构。

YOUR NEXT ARTICLE

让下一篇文章,从清楚的排版开始。

先看效果,再把稳定的排版能力接入你的工作流。

公众号标题与开场怎么搭?masthead、六种章节标题、目录和章节牌指南