Skip to content

Latest commit

 

History

History
171 lines (120 loc) · 4.25 KB

DOCS-WRITING-GUIDE-CN.md

File metadata and controls

171 lines (120 loc) · 4.25 KB

Datalayers 文档编写指南

目录

简介

Datalayers 文档使用 Markdown 格式编写,并使用 Vuepress 将 Markdown 文件编译为 HTML 文件。

文档的最终展现可以分为三部分:

  • 左侧菜单目录。

    该部分需要由文档编辑者手动进行配置。配置包含三部分:目录名称、目录层级、目录顺序。

  • 中间文档内容。

    该部分将显示 Markdown 文件内的具体内容。

  • 右侧页内索引。

    该部分将会自动显示 Markdown 文件内所有的二级标题。因此,合理的 Markdown 二级标题将能使用户更快速的了解文档内容大纲,并在页内进行跳转。

intro

左侧目录配置

配置文件

目录配置文件为文档根目录下的 dir.yaml:

配置示例

我们以 Introduction 为例进行说明。

对应的配置为:

{
  "en": [
    {
      "title": "Introduction",
      "children": [
        {
          "title": "Introduction",
          "path": "introduction/introduction"
        },
      ]
    },
    ...
  ]
  "cn": [
    ...
  ]
}

对应文件结构:

.
├── en_US
│   ├── README.md
│   └── introduction
│       └── introduction.md

文件结构对应的页面路由:

文件的相对路径 页面路由地址
/README.md /
/introduction/introduction.md /introduction/introduction.html

注意事项

  • path 配置项内容不能重复;
  • path 只需指定到 Markdown 文件即可,不能使用带锚点的路径;
  • 嵌套下一级目录使用 children ,支持多级嵌套;
  • 使用 children 时也能同时指定其 path(也就是如果一个目录有子目录时,仍然能将其设置为页面);

Markdown 书写规范

Datalayers 文档支持标准的 Markdown 规范语法,但是在编写文档过程中需要遵守以下约定。

必须有一级标题

  • 每个 Markdown 文件必须有全局唯一的一级标题;
  • 标题必须在页面最顶部;
  • 标题必须能清晰表示该文件的内容。

标题遵守层级关系

文档会读取二级标题作为右侧导航,遵守层级关系以保证目录结构清晰。

# h1
  ## h2
    ### h3
  ## h2
    ### h3

代码块

  • 文档中的代码块统一使用三个反引号 ``` 进行包裹,禁止使用缩进风格的代码块。
  • 使用代码块时尽量附加一个有效的语言别名,以显示正确的语法高亮。

特殊转义

  • 需要原文输出 <xxx> 标签,并且该标签不在代码块或行内代码时,请在标签前添加反斜杠 \

    使用 ### log set-level \<Level>,而不是 ### log set-level <Level>

  • 需要原文输出 {{ xxx }} 双大括号时,需要使用 v-pre 进行包裹(代码块内时不需要包裹)。

    Input

    ::: v-pre
    {{ This will be displayed as-is }}
    :::

    Output

    {{ This will be displayed as-is }}

资源引用

  • 图片名称必须使用英文且不包含空格;

  • 图片引用必须使用相对路径。

    例如使用 ![image](./assets/1.png) ,而不是 ![image](/1.png)

特殊语法

文档支持如下特殊语法。

::: tip
This is a tip
:::

::: warning
This is a warning
:::

::: danger
This is a dangerous warning
:::