使用 docs.json 文件中的这些设置来控制站点的信息架构和用户体验。修改导航栏、页脚、横幅、导航行为、上下文菜单、重定向和全局内容变量。
navigation - 必需
类型: object
内容的导航结构。这是你使用组、标签页、下拉菜单、锚点等定义站点完整页面层次结构的地方。
有关构建导航结构的完整文档,请参阅导航。
显示在所有页面和区域设置中的全局导航元素。
用于组织主要部分的顶级导航标签页。请参阅标签页。
要显示的图标。可选值:
- Font Awesome 图标名称 (如果你在
docs.json 中将 icons.library 属性 设置为 fontawesome)
- Lucide 图标名称 (如果你在
docs.json 中将 icons.library 属性 设置为 lucide)
- Tabler 图标名称 (如果你在
docs.json 中将 icons.library 属性 设置为 tabler)
- 指向外部托管图标的 URL
- 项目中图标文件的路径
- 用花括号包裹的 SVG 代码
对于自定义 SVG 图标:
- 使用 SVGR 转换器 转换你的 SVG。
- 将 SVG 代码粘贴到 SVG 输入框。
- 从 JSX 输出框中复制完整的
<svg>...</svg> 元素。
- 用花括号包裹可用于 JSX 的 SVG 代码:
icon={<svg ...> ... </svg>}。
- 根据需要调整
height 和 width。
Font Awesome 的图标样式。仅在使用 Font Awesome 图标时生效。可选值:regular、solid、light、thin、sharp-solid、duotone、brands。 在侧边栏中醒目显示的锚定链接。请参阅锚点。
要显示的图标。可选值:
- Font Awesome 图标名称 (如果你在
docs.json 中将 icons.library 属性 设置为 fontawesome)
- Lucide 图标名称 (如果你在
docs.json 中将 icons.library 属性 设置为 lucide)
- Tabler 图标名称 (如果你在
docs.json 中将 icons.library 属性 设置为 tabler)
- 指向外部托管图标的 URL
- 项目中图标文件的路径
- 用花括号包裹的 SVG 代码
对于自定义 SVG 图标:
- 使用 SVGR 转换器 转换你的 SVG。
- 将 SVG 代码粘贴到 SVG 输入框。
- 从 JSX 输出框中复制完整的
<svg>...</svg> 元素。
- 用花括号包裹可用于 JSX 的 SVG 代码:
icon={<svg ...> ... </svg>}。
- 根据需要调整
height 和 width。
Font Awesome 的图标样式。仅在使用 Font Awesome 图标时生效。可选值:regular、solid、light、thin、sharp-solid、duotone、brands。 锚点图标的自定义颜色。
浅色模式的锚点颜色。必须是以 # 开头的十六进制代码。
深色模式的锚点颜色。必须是以 # 开头的十六进制代码。
用于组织相关内容的下拉菜单。请参阅下拉菜单。
要显示的图标。可选值:
- Font Awesome 图标名称 (如果你在
docs.json 中将 icons.library 属性 设置为 fontawesome)
- Lucide 图标名称 (如果你在
docs.json 中将 icons.library 属性 设置为 lucide)
- Tabler 图标名称 (如果你在
docs.json 中将 icons.library 属性 设置为 tabler)
- 指向外部托管图标的 URL
- 项目中图标文件的路径
- 用花括号包裹的 SVG 代码
对于自定义 SVG 图标:
- 使用 SVGR 转换器 转换你的 SVG。
- 将 SVG 代码粘贴到 SVG 输入框。
- 从 JSX 输出框中复制完整的
<svg>...</svg> 元素。
- 用花括号包裹可用于 JSX 的 SVG 代码:
icon={<svg ...> ... </svg>}。
- 根据需要调整
height 和 width。
Font Awesome 的图标样式。仅在使用 Font Awesome 图标时生效。可选值:regular、solid、light、thin、sharp-solid、duotone、brands。 本地化站点的语言切换器配置。请参阅语言。
language
"ar" | "ca" | "cn" | "cs" | "de" | "en" | "es" | "fr" | "he" | "hi" | "hu" | "id" | "it" | "ja" | "jp" | "ko" | "lv" | "nl" | "no" | "pl" | "pt" | "pt-BR" | "ro" | "ru" | "sv" | "tr" | "ua" | "uz" | "vi" | "zh" | "zh-Hans" | "zh-Hant"
必填
ISO 639-1 格式的语言代码。
多产品站点的产品切换器。请参阅产品。
要显示的图标。可选值:
- Font Awesome 图标名称 (如果你在
docs.json 中将 icons.library 属性 设置为 fontawesome)
- Lucide 图标名称 (如果你在
docs.json 中将 icons.library 属性 设置为 lucide)
- Tabler 图标名称 (如果你在
docs.json 中将 icons.library 属性 设置为 tabler)
- 指向外部托管图标的 URL
- 项目中图标文件的路径
- 用花括号包裹的 SVG 代码
对于自定义 SVG 图标:
- 使用 SVGR 转换器 转换你的 SVG。
- 将 SVG 代码粘贴到 SVG 输入框。
- 从 JSX 输出框中复制完整的
<svg>...</svg> 元素。
- 用花括号包裹可用于 JSX 的 SVG 代码:
icon={<svg ...> ... </svg>}。
- 根据需要调整
height 和 width。
Font Awesome 的图标样式。仅在使用 Font Awesome 图标时生效。可选值:regular、solid、light、thin、sharp-solid、duotone、brands。
多语言站点的语言切换器。除了导航结构外,每个条目还可以包含特定语言的 banner、footer 和 navbar 配置。
language
"ar" | "ca" | "cn" | "cs" | "de" | "en" | "es" | "fr" | "he" | "hi" | "id" | "it" | "ja" | "jp" | "ko" | "lv" | "nl" | "no" | "pl" | "pt" | "pt-BR" | "ro" | "ru" | "sv" | "tr" | "uk" | "uz" | "vi" | "zh" | "zh-Hans" | "zh-Hant"
必填
ISO 639-1 格式的语言代码。
特定语言的横幅配置。接受与顶级 banner 字段相同的选项。 特定语言的页脚配置。接受与顶级 footer 字段相同的选项。 特定语言的导航栏配置。接受与顶级 navbar 字段相同的选项。
具有多个版本的站点的版本切换器。
设置为 true 使其成为默认版本。如果省略,数组中的第一个版本为默认版本。
在选择器中显示在版本旁边的徽章标签。用于突出显示版本,如 "Latest"、"Recommended" 或 "Beta"。
navbar
类型: object
显示在顶部导航栏中的链接和按钮。
要在导航栏中显示的链接。
可选链接类型。省略时为标准文本链接。设置为 github 可链接到 GitHub 仓库并显示其 star 数。设置为 discord 可链接到 Discord 服务器并显示其在线用户数。
链接文本。未设置 type 时必需。对于 github 和 discord 可选。如果省略,Mintlify 会从 API 数据生成标签。
链接目标。必须是有效的外部 URL。对于 github,必须是 GitHub 仓库 URL。对于 discord,必须是 Discord 邀请 URL。
要显示的图标。可选值:
- Font Awesome 图标名称 (如果你在
docs.json 中将 icons.library 属性 设置为 fontawesome)
- Lucide 图标名称 (如果你在
docs.json 中将 icons.library 属性 设置为 lucide)
- Tabler 图标名称 (如果你在
docs.json 中将 icons.library 属性 设置为 tabler)
- 指向外部托管图标的 URL
- 项目中图标文件的路径
- 用花括号包裹的 SVG 代码
对于自定义 SVG 图标:
- 使用 SVGR 转换器 转换你的 SVG。
- 将 SVG 代码粘贴到 SVG 输入框。
- 从 JSX 输出框中复制完整的
<svg>...</svg> 元素。
- 用花括号包裹可用于 JSX 的 SVG 代码:
icon={<svg ...> ... </svg>}。
- 根据需要调整
height 和 width。
Font Awesome 的图标样式。仅在使用 Font Awesome 图标时生效。可选值:regular、solid、light、thin、sharp-solid、duotone、brands。
导航栏中的主要行动号召按钮。
type
"button" | "github" | "discord"
必填
按钮样式。选择 button 为标准按钮,github 为带 star 数的 GitHub 仓库链接,或 discord 为带在线用户数的 Discord 邀请。
按钮文本。当 type 为 button 时必需。对于 github 和 discord 可选。
按钮目标。必须是外部 URL。对于 github,必须是 GitHub 仓库 URL。对于 discord,必须是 Discord 邀请 URL。
"navbar": {
"links": [
{ "type": "github", "href": "https://github.com/your-org/your-repo" },
{ "label": "社区", "href": "https://example.com/community" }
],
"primary": {
"type": "button",
"label": "开始使用",
"href": "https://example.com/signup"
}
}
类型: object
页脚内容和社交媒体链接。
要在页脚中显示的社交媒体资料。每个键是平台名称,每个值是你的资料 URL。有效键:x、website、facebook、youtube、discord、slack、github、linkedin、instagram、hacker-news、medium、telegram、twitter、x-twitter、earth-americas、bluesky、threads、reddit、podcast"socials": {
"x": "https://x.com/yourhandle",
"github": "https://github.com/your-org"
}
"footer": {
"socials": {
"x": "https://x.com/yourhandle",
"github": "https://github.com/your-org"
},
"links": [
{
"header": "公司",
"items": [
{ "label": "博客", "href": "https://example.com/blog" },
{ "label": "招聘", "href": "https://example.com/careers" }
]
}
]
}
banner
类型: object
显示在每个页面顶部的全站横幅。
横幅中显示的文本内容。支持基本 MDX 格式,包括链接、粗体和斜体文本。不支持自定义组件。"content": "我们刚刚发布了新功能。[了解更多](https://example.com)"
是否显示关闭按钮以便用户关闭横幅。默认为 false。
"banner": {
"content": "我们刚刚发布了新功能。[了解更多](https://example.com)",
"dismissible": true
}
interaction
类型: object
控制导航元素的用户交互行为。
控制选择导航组时的自动导航。设置为 true 可在组展开时自动导航到第一个页面。设置为 false 仅展开或折叠组而不导航。留空则使用主题的默认行为。
contextual
类型: object
上下文菜单让用户快速访问 AI 工具和页面操作。它出现在页面标题或目录侧边栏中。
上下文菜单中可用的操作。数组中的第一个选项显示为默认操作。内置选项:
"add-mcp" — 将你的 MCP 服务器添加到用户的配置中
"aistudio" — 将当前页面发送到 Google AI Studio
"assistant" — 以当前页面为上下文打开 AI 助手
"copy" — 将当前页面复制为 Markdown 到剪贴板
"chatgpt" — 将当前页面发送到 ChatGPT
"claude" — 将当前页面发送到 Claude
"cursor" — 在 Cursor 中安装你托管的 MCP 服务器
"devin" — 将当前页面发送到 Devin
"grok" — 将当前页面发送到 Grok
"mcp" — 将你的 MCP 服务器 URL 复制到剪贴板
"perplexity" — 将当前页面发送到 Perplexity
"view" — 在新标签页中以 Markdown 查看当前页面
"vscode" — 在 VS Code 中安装你托管的 MCP 服务器
"devin-mcp" — 在 Devin 中安装你托管的 MCP 服务器
"windsurf" — 将当前页面发送到 Windsurf
将自定义选项定义为对象:
自定义选项的图标。支持图标库名称、URL、路径或 SVG 代码。
链接目标。可以是 URL 字符串或带有 base 和可选 query 参数的对象。可用占位符值:
$page — 当前页面内容
$path — 当前页面路径
$mcp — MCP 服务器 URL
显示上下文选项的位置。选择 header 在页面顶部上下文菜单中显示,或选择 toc 在目录侧边栏中显示。默认为 header。
"contextual": {
"options": ["copy", "view", "chatgpt", "claude"],
"display": "header"
}
redirects
类型: object 数组
用于已移动、重命名或删除页面的重定向。使用这些重定向在重新组织内容时保留链接。
如果为 true,发出永久重定向(308)。如果为 false,发出临时重定向(307)。默认为 true。
"redirects": [
{
"source": "/old-page",
"destination": "/new-page"
},
{
"source": "/temp-redirect",
"destination": "/destination",
"permanent": false
}
]
errors
类型: object
自定义错误页面设置。
404 “页面未找到” 错误页面的设置。
当找不到页面时是否自动重定向到首页。默认为 true。
404 页面的自定义描述。支持 MDX 格式,包括链接、粗体和斜体文本以及自定义组件。
"errors": {
"404": {
"redirect": false,
"title": "页面未找到",
"description": "你要找的页面不存在。[返回首页](/)。"
}
}
variables
类型: object
在整个文档中使用的全局变量。Mintlify 在构建时使用 {{variableName}} 语法替换占位符为定义的值。
键值对,其中键是变量名,值是替换文本。
- 变量名可以包含字母数字字符、连字符和句点。
- 你必须定义内容中引用的所有变量,否则构建会失败。
- Mintlify 会对值进行清理以防止 XSS 攻击。
"variables": {
"version": "2.0.0",
"api-url": "https://api.example.com"
}
在内容中,使用双大括号引用变量:
当前版本是 {{version}}。请求发送到 {{api-url}}。
类型: object
全局应用的页面级元数据设置。
在所有页面上启用最后修改日期。启用后,页面会显示内容最后修改的日期。默认为 false。你可以使用 timestamp frontmatter 字段为单个页面覆盖此设置。详情请参阅页面。
"metadata": {
"timestamp": true
}