1月11日

发布时间 2024-01-11 19:48:05作者: 20214073-付沛森

本文参考谷歌开发文档风格指南、Vue官方文档、React官方文档、掘金小册和阮一峰《中文技术文档的写作规范》,其中排版格式,主要参照Vue、React官网,写作规范部分主要参考阮一峰老师的《中文技术文档的写作规范》。

编写技术文档除了排版格式和规范,思路和风格也极为重要,目前一些亲和、幽默的写作风格往往能获得更多的阅读量。

本文主要分为以下部分展开:

  • 排版格式和规范
  • 写作思路
  • 写作风格

技术文档通常使用markdown编写,所以后面的内容都是针对Markdown文档进行排版。

同时排版格式和写作规范有很多重合部分,所以放在一篇文章说明。

文档结构

以Vue、React官网为例,通常包含下面的文档结构,如果要写一个开源软件的官方文档,可以参考:

  1. 开始:包含简介和快速上手
  2. 基础:应用基础使用
  3. 深入:进阶说明
  4. API:API文档
  5. FAQ:常见问题解答
  6. 参考:参考连接

标题

一篇文章主题应专一,如果出现多个主题,编写多篇文章是更好的选择,主题专一之后,对应的标题才会简洁明了。

应避免标题层级过多,尽量少使用 3 级标题,最好不使用 4 级标题

标题通常分为 4 级:

  • 一级标题:通常不写在文章内部,而是作为文章的标题显示在固定的标题位置。
  • 二级标题:文章内部主要使用的标题,类似Vue、React官方文档中,绝大多数文章内只使用了二级标题。
  • 三级标题:二级标题下的细分标题,一般在长文章中使用,中短篇文章如果标题设置合理,不需要使用。
  • 四级标题:三级标题下的细分标题,不推荐使用,如果书写文章时发现需要使用到四级标题,应查看你的每个二级标题是否属于不同的主题,能否拆分为多篇文章。

下面是标题使用规范:

1.标题下应进行一些必要性简述,不应该直接多层标题重叠。

示例:下面的一、二、三级标题直接放在一起。

结构一

# 一级标题

## 二级标题

### 三级标题

结构二

# 一级标题

这是一级标题的相关描述,可以是简述下面二级大概包括的内容。

## 二级标题

这是二级标题的相关描述。

### 三级标题

2.一级标题下,不能直接出现三级标题,不要跨级使用标题。

示例:下面的文章结构,缺少二级标题。

# 一级标题

### 三级标题

3.标题要避免孤立编号(即同级标题只有一个)。

示例:下面的文章结构,二级标题 A只包含一个三级标题,完全可以省略三级标题 A

## 二级标题 A

### 三级标题 A

## 二级标题 B

4.下级标题不重复上一级标题的名字。

示例:下面的文章结构,二级标题与下属的三级标题同名,建议避免。

## 概述

### 概述

5.尽量少使用三级标题,不推荐使用四级标题,保持层级的简单,防止出现过于复杂的章节。

如果三级标题下有并列性的内容,建议只使用项目列表来呈现。

示例:下面的结构二要好于结构一。结构一适用的场景,主要是较长篇幅的内容。

结构一

### 三级标题

#### 四级标题 A

#### 四级标题 B

结构二

### 三级标题

1. 四级标题A

2.四级标题B