创建文档
创建一个 Markdown 文件 greeting.md,并将其放在 docs 目录下。
网站 # 网站的根目录
├── docs
│ └── greeting.md
├── src
│ └── pages
├── docusaurus.config.js
├── ...
---
description: 创建一个包含丰富内容的文档页面。
---
# 来自 Docusaurus 的问候
你准备好为你的开源项目创建文档网站了吗?
## 标题
会在右上角的内容目录中显示
这样你的用户就能知道这个页面是关于什么的,而无需向下滚动,甚至无需阅读太多内容。
## 默认情况下,只有 h2 和 h3 会出现在 TOC 中。
您可以为每个文档或在主题配置中配置 TOC 标题级别。
标题间距良好,层次结构清晰。
- 列表将帮助您
- 展示您希望用户记住的关键点
- 您可以嵌套它们
- 多次
docs 目录下所有以下划线 (_) 开头的文件都被视为“部分”页面,默认情况下会被忽略。
阅读更多关于 导入部分页面 的内容。
文档前置 matter
前置 matter 用于为您的文档页面提供附加元数据。前置 matter 是可选的——Docusaurus 能够在没有前置 matter 的情况下推断所有必要的元数据。例如,下面介绍的 文档标签 功能需要使用前置 matter。有关所有可能的字段,请参阅 API 文档 。
文档标签
标签在 front matter 中声明,除了 文档侧边栏 之外,还引入了另一个分类维度。
可以内联定义标签,也可以引用在 tags 文件 中声明的预定义标签(可选,通常为 docs/tags.yml)。
在以下示例中:
docusaurus引用在docs/tags.yml中声明的预定义标签键Releases是一个内联标签,因为它不存在于docs/tags.yml中
---
tags:
- Releases
- docusaurus
---
# 标题
内容
docusaurus:
label: 'Docusaurus'
permalink: '/docusaurus'
description: 'Docs related to the Docusaurus framework'
标签也可以用 tags: [Demo, Getting started] 声明。
阅读更多关于所有可能的 Yaml 数组语法 。
组织文件夹结构
Markdown 文件在 docs 文件夹下的排列方式会对 Docusaurus 内容生成产生多种影响。但是,大多数都可以与文件结构解耦。
文档 ID
每个文档都有一个唯一的 id。默认情况下,文档 id 是相对于根 docs 目录的文档名称(不带扩展名)。
例如,greeting.md 的 ID 为 greeting,guide/hello.md 的 ID 为 guide/hello。
网站 # 网站的根目录
└── docs
├── greeting.md
└── guide
└── hello.md
但是,id 的 最后一部分 可以在 front matter 中由用户定义。例如,如果 guide/hello.md 的内容定义如下,则其最终 id 为 guide/part1。
---
id: part1
---
Lorem ipsum
当手写侧边栏或使用与文档相关的布局组件或钩子时,ID 用于引用文档。
文档 URL
默认情况下,文档的 URL 位置是其相对于 docs 文件夹的文件路径,但有一些例外。也就是说,如果文件名为以下名称之一,则文件名不会包含在 URL 中:
- 名称为
index(不区分大小写):docs/Guides/index.md - 名称为
README(不区分大小写):docs/Guides/README.mdx - 与父文件夹同名:
docs/Guides/Guides.md
在所有情况下,默认 slug 仅为 /Guides,不包含 /index、/README 或重复的 /Guides 段。
此约定与 类别索引约定 完全相同。但是,isCategoryIndex 配置不会影响文档 URL。
使用 slug front matter 来更改文档的 URL。
例如,假设您的网站结构如下所示:
网站 # 网站的根目录
└── docs
└── guide
└── hello.md
默认情况下,hello.md 将在 /docs/guide/hello 可用。您可以将其 URL 位置更改为 /docs/bonjour:
---
slug: /bonjour
---
Lorem ipsum
slug 将附加到文档插件的 routeBasePath,默认情况下为 /docs。有关如何从 URL 中删除 /docs 部分,请参阅 仅文档模式 。
可以使用:
- 绝对 slug:
slug: /mySlug,slug: /... - 相对 slug:
slug: mySlug,slug: ./../mySlug...
如果您希望文档在根目录可用,并具有类似 https://docusaurus.io/docs/ 的路径,则可以使用 slug front matter:
---
id: my-home-doc
slug: /
---
Lorem ipsum
侧边栏
使用 自动生成的侧边栏 时,文件结构将决定侧边栏结构。
我们建议的文件系统组织方法是:使您的文件系统镜像侧边栏结构(这样您就不需要手写 sidebars.js 文件),并使用 slug front matter 来自定义每个文档的 URL。