本文参考谷歌开发文档风格指南、Vue官方文档、React官方文档、掘金小册和阮一峰《中文技术文档的写作规范》,其中排版格式,主要参照Vue、React官网,写作规范部分主要参考阮一峰老师的《中文技术文档的写作规范》。
编写技术文档除了排版格式和规范,思路和风格也极为重要,目前一些亲和、幽默的写作风格往往能获得更多的阅读量。
本文主要分为以下部分展开:
- 排版格式和规范
- 写作思路
- 写作风格
技术文档通常使用markdown编写,所以后面的内容都是针对Markdown文档进行排版。
同时排版格式和写作规范有很多重合部分,所以放在一篇文章说明。
文档结构
以Vue、React官网为例,通常包含下面的文档结构,如果要写一个开源软件的官方文档,可以参考:
- 开始:包含简介和快速上手
- 基础:应用基础使用
- 深入:进阶说明
- API:API文档
- FAQ:常见问题解答
- 参考:参考连接
标题
一篇文章主题应专一,如果出现多个主题,编写多篇文章是更好的选择,主题专一之后,对应的标题才会简洁明了。
应避免标题层级过多,尽量少使用 3 级标题,最好不使用 4 级标题。
标题通常分为 4 级:
- 一级标题:通常不写在文章内部,而是作为文章的标题显示在固定的标题位置。
- 二级标题:文章内部主要使用的标题,类似Vue、React官方文档中,绝大多数文章内只使用了二级标题。
- 三级标题:二级标题下的细分标题,一般在长文章中使用,中短篇文章如果标题设置合理,不需要使用。
- 四级标题:三级标题下的细分标题,不推荐使用,如果书写文章时发现需要使用到四级标题,应查看你的每个二级标题是否属于不同的主题,能否拆分为多篇文章。
下面是标题使用规范:
1.标题下应进行一些必要性简述,不应该直接多层标题重叠。
示例:下面的一、二、三级标题直接放在一起。
结构一
# 一级标题
## 二级标题
### 三级标题
结构二
# 一级标题
这是一级标题的相关描述,可以是简述下面二级大概包括的内容。
## 二级标题
这是二级标题的相关描述。
### 三级标题
2.一级标题下,不能直接出现三级标题,不要跨级使用标题。
示例:下面的文章结构,缺少二级标题。
# 一级标题
### 三级标题
3.标题要避免孤立编号(即同级标题只有一个)。
示例:下面的文章结构,二级标题 A
只包含一个三级标题,完全可以省略三级标题 A
。
## 二级标题 A
### 三级标题 A
## 二级标题 B
4.下级标题不重复上一级标题的名字。
示例:下面的文章结构,二级标题与下属的三级标题同名,建议避免。
## 概述
### 概述
5.尽量少使用三级标题,不推荐使用四级标题,保持层级的简单,防止出现过于复杂的章节。
如果三级标题下有并列性的内容,建议只使用项目列表来呈现。
示例:下面的结构二要好于结构一。结构一适用的场景,主要是较长篇幅的内容。
结构一
### 三级标题
#### 四级标题 A
#### 四级标题 B
结构二
### 三级标题
1. 四级标题A
2.四级标题B