很多文章一开始就输掉,常见原因是第一屏没有把读者带进去。
开场模块解决的就是这个问题。
这一篇讲 6 类开场与标题模块:
herocardspartsection-titletoclabel-title
它们共同负责一件事:
先把阅读入口和结构讲清楚。
先记一个总原则
开场模块负责降低读者进入成本。
所以第一屏不要同时做三件事。你要先决定,这篇文章开头最重要的任务到底是什么:
- 先给判断
- 先给目录
- 先给专题感
如果这个任务不清楚,开场就容易又满又散。
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 只保留刊头真正需要的字段,不读取 kicker、points、image 和 tags:
:::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 标题
:::
marker、divider、focus、vertical 可以填写系统公布的英文 symbol 键;numbered 使用 index,frame 不使用符号。调用方不要直接填写 ✦、∞、Emoji、HTML 或 SVG。
part、section-title 和 label-title 怎么分工
很多人会把这两个混在一起。
它们的区别其实很简单:
part:负责章节切换,适合大段落section-title:负责需要明显视觉层级的核心章节,一篇长文少量使用label-title:负责小节切换,适合中小段落
part 最适合
- 第一大章
- 方法第二部分
- 复盘里的阶段切换
label-title 最适合
- 小节提示
- 模块过渡
- 突然切换一个新的重点
一篇文章里,开场模块怎么搭最稳
教程稿
推荐:
hero或短开头tocsection-title或part
方案稿
推荐:
herocardssection-title: frame
发布稿
推荐:
herocardssummary或metrics
最后给你一个最稳搭法
如果你只想先搭一个不容易出错的开场,建议这样排:
hero: mastheadcardstocsection-title
如果文章不长,就删掉 cards、toc 或 section-title,不要硬堆。普通小节继续使用 Markdown 标题。
下一步建议继续读: