文本格式
在 MDX 页面中使用 Markdown 标题、粗体、斜体、链接、引用块和其他内联样式选项格式化文档文本。
标题用于组织你的内容并创建导航锚点。它们会显示在目录中,帮助用户快速浏览你的文档。
使用 # 符号创建不同层级的标题:
## 主要章节标题
### 子章节标题
#### 子子章节标题使用 ## (H2) 到 ###### (H6) 来组织内容章节。H1 保留用于在 frontmatter 中设置的页面标题,因此不要在页面正文中添加顶级 # 标题。
使用具描述性且富含关键词的标题,清晰表明后续内容。这有助于提升用户导航与搜索引擎优化。
默认情况下,Mintlify 会根据标题文本生成锚点 ID。生成的 ID 遵循以下规则:
- Mintlify 会将字母转换为小写,并将空白字符转换为连字符。
- Mintlify 会将直引号撇号转换为右单引号(
’),并在 ID 中保留它们。 - Mintlify 会将句点转换为连字符,并移除圆括号。
- Mintlify 会将单词内部的大写字母转换为小写,且不添加连字符。
- Mintlify 会保留斜杠和与号。
当一个页面中的多个标题生成相同的 ID 时,Mintlify 会依次添加 -2、-3 等后缀。该计数器在整个页面范围内生效,包括嵌套在选项卡等组件中的标题。
以下示例展示了标题文本如何映射为生成的锚点 ID:
| 标题文本 | 生成的 ID |
|---|---|
Getting started | getting-started |
Config.json options | config-json-options |
What's new | what’s-new |
Rate limits (per minute) | rate-limits-per-minute |
Read/write access | read/write-access |
Fees & billing | fees-&-billing |
OAuth | oauth |
重复的 Overview 标题 | overview-2 |
Mintlify 的锚点 ID 不使用 GitHub 风格的 slug。以编程方式构造 URL 时,请对非 ASCII 字符进行百分号编码。
若要用自定义 ID 覆盖自动生成的 ID,请使用 {#custom-id} 语法。
## My section [#my-custom-anchor]
### Configuration options [#config]
##### Deep detail [#detail]自定义 ID 会替代自动生成的锚点,因此你可以使用 #my-custom-anchor 或 #config 来链接到该标题,而不是使用默认的 slugified 文本。
当你希望锚点链接保持稳定、不因标题文本更新而变化时,或者需要更短、更易记的锚点时,此功能非常有用。
默认情况下,标题会包含可点击的锚点链接,便于用户直接跳转到特定章节。你可以在 HTML 或 React 的标题中使用 noAnchor 属性来禁用这些锚点链接。
<h2 noAnchor>
Header without anchor link
</h2>当使用 noAnchor 时,标题不会显示锚点徽标,点击标题文本也不会将锚点链接复制到剪贴板。
我们支持大多数用于强调和美化文本的 Markdown 格式。
将以下格式样式应用于你的文本:
| 样式 | 语法 | 示例 | 结果 |
|---|---|---|---|
| 加粗 | **text** | **important note** | 重要提示 |
| 斜体 | _text_ | _emphasis_ | 强调 |
~text~ | ~deprecated feature~ |
你可以将多种格式样式组合使用:
**_粗体和斜体_**
**~~粗体和删除线~~**
*~~斜体和删除线~~*加粗和斜体
加粗和删除线
斜体和删除线
用于数学表达式或脚注时,请使用 HTML 标签:
| 类型 | 语法 | 示例 | 结果 |
|---|---|---|---|
| 上标 | <sup>text</sup> | example<sup>2</sup> | example2 |
| 下标 | <sub>text</sub> | example<sub>n</sub> | examplen |
链接可帮助用户在页面之间跳转并访问外部资源。使用具描述性的链接文本可提升可访问性与用户体验。
使用以站点根目录为基准的相对路径,链接到文档中的其他页面。请省略文件扩展名(.mdx 或 .md)。相对路径以及带扩展名的路径在生产环境中无法使用。
[快速入门](/quickstart)
[步骤](/components/steps)对于外部资源,请填写完整的 URL:
[Markdown 指南](https://www.markdownguide.org/)你可以使用命令行界面(CLI)检查文档中的断链:
mint broken-links引用用于在内容中突出重要信息、引语或示例。
在文本前添加 > 以创建引用:
> 这是一段从主要内容中突出显示的文本。这是一句从正文中突出的文本。
对于较长的引用或包含多个段落的内容:
> 这是多行引用的第一段。
>
> 这是第二段,之间以带有 `>` 的空行分隔。这是多行引用的第一段。
这是第二段,之间以带有
>的空行分隔。
谨慎使用引用,以保持其视觉效果和表达语义。对于备注、警告等信息,建议使用标注。
我们支持使用 LaTeX 渲染数学表达式和公式。你可以在 docs.json 的 settings 中配置 styling.latex,以覆盖自动检测。
对于行内数学表达式,请使用单个美元符号 $:
勾股定理表明,在直角三角形中 $(a^2 + b^2 = c^2)$。勾股定理指出,在直角三角形中有 $(a^2 + b^2 = c^2)$。
要书写独立显示的公式,请使用双美元符号 $$:
$$
E = mc^2
$$$$ E = mc^2 $$
使用 LaTeX 需遵循规范的数学语法。有关完整的语法说明,请参阅 LaTeX 文档。
通过控制间距和换行来提升内容的可读性。
使用空行分隔段落:
这是第一段。
这是第二段,由空行分隔。这是第一段。
这是第二段,中间隔着一个空行。
在段落中使用 HTML <br /> 标签来进行强制换行:
这一行在此结束。<br />
这一行从新行开始。这一行到此结束。
下一行从新的一行开始。
在大多数情况下,用空行分隔段落比手动插入换行符更有助于提升可读性。
使用 Markdown --- 语法或 HTML <hr /> 标签添加水平分割线,用于在视觉上分隔内容区域:
Content preceding the rule.
<hr />
Content following the rule.分割线之前的内容。
分割线之后的内容。
请谨慎使用水平分割线。在大多数情况下,标题能更好地分隔内容,并且还带有导航锚点的额外优势。
使用 MDX 风格的注释在源文件中添加备注、提醒或待办事项。注释不会在已发布的页面中渲染。
{/* 这是一条注释,不会出现在已发布的文档中。 */}
{/*
也支持多行注释。
适合用于 TODO 或评审者备注。
*/}MDX 中不支持 HTML 风格的 <!-- ... --> 注释。请始终使用 {/* ... */}。
- 使用标题构建清晰的内容层级
- 遵循正确的标题层级(不要从 H2 直接跳到 H4)
- 编写描述性且包含关键词的标题文本
- 使用加粗来突出重点,不要整段加粗
- 将斜体用于术语、标题或轻微强调
- 避免过度格式化,以免分散对内容的注意力
链接
- 使用有描述性的链接文本,而不是“点击这里”或“阅读更多”
- 对内部链接使用相对于站点根目录的路径
- 定期测试链接以防出现失效链接
注释