docs.json
文件可将一组 Markdown 文件构建成可导航、可自定义的文档站点。这个必需的配置文件控制样式、navigation、integrations 等设置,是你的文档的蓝图。
docs.json
中的设置会全局作用于所有页面。
配置你的 docs.json
theme
、name
、colors.primary
和 navigation
。其他字段是可选的,可随着文档需求的增长逐步添加。
为获得最佳编辑体验,请在 docs.json
文件开头加入模式(schema)引用。这样可在大多数代码编辑器中启用自动补全、校验和实用的悬浮提示:
Report incorrect code
Copy
Ask AI
{
"$schema": "https://mintlify.com/docs.json",
"theme": "mint",
"name": "您的文档",
"colors": {
"primary": "#ff0000"
},
"navigation": {
// 您的导航结构
}
// 配置的其余部分
}
参考
docs.json
文件的完整参考资料。
自定义
您的项目、组织或产品名称。
文档中使用的配色。不同主题的应用方式不同。若仅提供主色,将用于所有相关颜色元素。
Show Colors
Show Colors
文档的主色。通常用于浅色模式中的强调效果,具体随主题有所差异。必须为以
#
开头的十六进制色值。深色模式下用于强调的颜色。必须为以
#
开头的十六进制色值。浅色与深色模式下按钮与悬停状态所用的颜色,具体随主题有所差异。必须为以
#
开头的十六进制色值。面向 SEO(搜索引擎优化)与 AI 索引编入的站点说明。
视觉样式配置。
Show Styling
Show Styling
页面 eyebrow 的样式。选择
section
显示章节名称,或选择 breadcrumbs
显示完整导航路径。默认值为 section
。代码块主题配置。默认值为
"system"
。简单配置:"system"
:跟随当前站点模式(浅色或深色)"dark"
:始终使用深色模式
一个同时用于浅色与深色模式的 Shiki 主题名称。
Report incorrect code
Copy
Ask AI
"styling": {
"codeblocks": {
"theme": "dracula"
}
}
图标库设置。
Show Icons
Show Icons
文档全站使用的图标库。默认值为
fontawesome
。无论库设置如何,您都可以为任意单个图标指定外部托管图标的 URL、项目中图标文件的路径,或兼容 JSX 的 SVG 代码。
文档站点的字体配置。默认字体为 Inter。
Show Fonts
Show Fonts
字体系列,例如“Open Sans”。
字重,例如 400 或 700。可变字体支持更精细的字重,例如 550。
字体源文件的 URL,例如 https://mintlify-assets.b-cdn.net/fonts/Hubot-Sans.woff2。指定 Google 字体的
family
名称时会自动加载 Google Fonts,因此无需提供 source 的 URL。字体文件格式。
专用于标题的字体设置覆盖。
Show Heading
Show Heading
字体系列,例如“Open Sans”、“Playfair Display”。
字重,例如 400、700。可变字体支持更精细的字重,例如 550。
字体源文件的 URL,例如 https://mintlify-assets.b-cdn.net/fonts/Hubot-Sans.woff2。指定 Google 字体的
family
名称时会自动加载 Google Fonts,因此无需提供 source 的 URL。字体文件格式。
专用于正文的字体设置覆盖。
Show Body
Show Body
字体系列,例如“Open Sans”、“Playfair Display”。
字重,例如 400、700。可变字体支持更精细的字重,例如 550。
字体源文件的 URL,例如 https://mintlify-assets.b-cdn.net/fonts/Hubot-Sans.woff2。指定 Google 字体的
family
名称时会自动加载 Google Fonts,因此无需提供 source 的 URL。字体文件格式。
背景颜色与装饰的设置。
Show Background
Show Background
主题的背景装饰效果。
结构
指向外部链接的导航栏条目。
Show Navbar
Show Navbar
要在导航栏中显示的链接
Show Links
Show Links
链接文本。
链接目标。必须是有效的外部 URL。
要显示的 icon。选项:
- Font Awesome icon 名称
- Lucide icon 名称
- 用花括号包裹的 JSX 兼容 SVG 代码
- 指向外部托管 icon 的 URL
- 项目中 icon 文件的路径
- 使用 SVGR 转换器将你的 SVG 转换为 JSX。
- 将 SVG 代码粘贴到 SVG 输入框。
- 从 JSX 输出框中复制完整的
<svg>...</svg>
元素。 - 用花括号包裹 JSX 兼容的 SVG 代码:
icon={<svg ...> ... </svg>}
。 - 按需调整
height
和width
。
Font Awesome icon 的样式。仅在使用 Font Awesome icon 时生效。选项:
regular
、solid
、light
、thin
、sharp-solid
、duotone
、brands
。您内容的导航结构。
Show 导航
Show 导航
在所有页面和章节中显示的全局导航元素。
Show 全局
Show 全局
用于组织主要版块的顶层导航选项卡。
Show Tabs
Show Tabs
标签页的显示名称。最小长度:1
要显示的 icon。选项:
- Font Awesome icon 名称
- Lucide icon 名称
- 用花括号包裹的 JSX 兼容 SVG 代码
- 指向外部托管 icon 的 URL
- 项目中 icon 文件的路径
- 使用 SVGR 转换器将你的 SVG 转换为 JSX。
- 将 SVG 代码粘贴到 SVG 输入框。
- 从 JSX 输出框中复制完整的
<svg>...</svg>
元素。 - 用花括号包裹 JSX 兼容的 SVG 代码:
icon={<svg ...> ... </svg>}
。 - 按需调整
height
和width
。
Font Awesome icon 的样式。仅在使用 Font Awesome icon 时生效。选项:
regular
、solid
、light
、thin
、sharp-solid
、duotone
、brands
。是否默认隐藏此标签页。
指向该标签页目标的 URL 或路径。
在侧边栏导航中醒目显示的锚点链接。
Show Anchors
Show Anchors
锚点的显示名称。最小长度:1
要显示的 icon。选项:
- Font Awesome icon 名称
- Lucide icon 名称
- 用花括号包裹的 JSX 兼容 SVG 代码
- 指向外部托管 icon 的 URL
- 项目中 icon 文件的路径
- 使用 SVGR 转换器将你的 SVG 转换为 JSX。
- 将 SVG 代码粘贴到 SVG 输入框。
- 从 JSX 输出框中复制完整的
<svg>...</svg>
元素。 - 用花括号包裹 JSX 兼容的 SVG 代码:
icon={<svg ...> ... </svg>}
。 - 按需调整
height
和width
。
Font Awesome icon 的样式。仅在使用 Font Awesome icon 时生效。选项:
regular
、solid
、light
、thin
、sharp-solid
、duotone
、brands
。是否默认隐藏此锚点。
指向锚点目标的 URL 或路径。
用于组织相关内容的下拉菜单。
Show Dropdowns
Show Dropdowns
下拉菜单的显示名称。最小长度:1
要显示的 icon。选项:
- Font Awesome icon 名称
- Lucide icon 名称
- 用花括号包裹的 JSX 兼容 SVG 代码
- 指向外部托管 icon 的 URL
- 项目中 icon 文件的路径
- 使用 SVGR 转换器将你的 SVG 转换为 JSX。
- 将 SVG 代码粘贴到 SVG 输入框。
- 从 JSX 输出框中复制完整的
<svg>...</svg>
元素。 - 用花括号包裹 JSX 兼容的 SVG 代码:
icon={<svg ...> ... </svg>}
。 - 按需调整
height
和width
。
Font Awesome icon 的样式。仅在使用 Font Awesome icon 时生效。选项:
regular
、solid
、light
、thin
、sharp-solid
、duotone
、brands
。是否默认隐藏该下拉菜单。
下拉菜单目标的 URL 或路径。
导航元素的用户交互设置。
Show Interaction
Show Interaction
控制选择导航分组时的自动导航行为。设为
true
时,在展开导航分组时强制进入第一篇页面。设为 false
时不跳转,仅展开或折叠该分组。留空则使用主题的默认行为。页脚内容与社交媒体链接。
Show Footer
Show Footer
要在页脚中显示的社交媒体帐号。每个 key 为平台名称,每个 value 为你的个人资料 URL。例如:可用的属性名称:
Report incorrect code
Copy
Ask AI
{
"x": "https://x.com/mintlify"
}
x
、website
、facebook
、youtube
、discord
、slack
、github
、linkedin
、instagram
、hacker-news
、medium
、telegram
、twitter
、x-twitter
、earth-americas
、bluesky
、threads
、reddit
、podcast
用于 AI 优化内容和集成的上下文菜单。
Show Contextual
Show Contextual
options
array of "copy" | "view" | "chatgpt" | "claude" | "perplexity" | "mcp" | "cursor" | "vscode"
required
上下文菜单中的可用操作。第一个选项将作为默认项显示。
copy
:将当前页面以 Markdown 形式复制到剪贴板。view
:在新标签页中以 Markdown 查看当前页面。chatgpt
:将当前页面内容发送到 ChatGPT。claude
:将当前页面内容发送到 Claude。perplexity
:将当前页面内容发送到 Perplexity。mcp
:将你的 MCP 服务器 URL 复制到剪贴板。cursor
:在 Cursor 中安装你托管的 MCP 服务器。vscode
:在 VSCode 中安装你托管的 MCP 服务器。

上下文菜单仅在预览和生产部署中可用。
API 配置
API 文档与交互式操作台的相关设置。
Show Api
Show Api
SEO 与搜索
SEO(搜索引擎优化)索引配置。
Show Seo
Show Seo
添加到每个页面的 Meta 标签。必须是有效的 key-value 键值对。可在 常用 Meta 标签参考 中查看可选项。
指定哪些页面应被搜索引擎收录。选择
navigable
仅收录 docs.json
的 navigation 中的页面,选择 all
则收录所有页面。默认值为 navigable
。集成
第三方集成。
Show 集成
Show 集成
Google Analytics 4 集成。
Show Ga4
Show Ga4
您的 Google Analytics 4 measurement ID。必须符合模式:^G
Google Tag Manager 集成。
Show Gtm
Show Gtm
您的 Google Tag Manager 标签 ID。必须符合模式:^G
错误
示例
- 基础示例
- 交互式 API 示例
- 多语言示例
docs.json
Report incorrect code
Copy
Ask AI
{
"$schema": "https://mintlify.com/docs.json",
"theme": "maple",
"name": "Example Co.",
"description": "Example Co. 是一家提供示例内容和占位符文本的公司。",
"colors": {
"primary": "#3B82F6",
"light": "#F8FAFC",
"dark": "#0F172A"
},
"navigation": {
"dropdowns": [
{
"dropdown": "文档",
"icon": "book",
"description": "如何使用 Example Co. 产品",
"groups": [
{
"group": "快速开始",
"pages": [
"index",
"quickstart"
]
},
{
"group": "自定义配置",
"pages": [
"settings",
"users",
"features"
]
},
{
"group": "计费管理",
"pages": [
"billing/overview",
"billing/payments",
"billing/subscriptions"
]
}
]
},
{
"dropdown": "更新日志",
"icon": "history",
"description": "产品更新和变更记录",
"pages": [
"changelog"
]
}
]
},
"logo": {
"light": "/logo-light.svg",
"dark": "/logo-dark.svg",
"href": "https://example.com"
},
"navbar": {
"links": [
{
"label": "社区",
"href": "https://example.com/community"
}
],
"primary": {
"type": "button",
"label": "立即开始",
"href": "https://example.com/start"
}
},
"footer": {
"socials": {
"x": "https://x.com/example",
"linkedin": "https://www.linkedin.com/company/example",
"github": "https://github.com/example",
"slack": "https://example.com/community"
},
"links": [
{
"header": "资源",
"items": [
{
"label": "客户案例",
"href": "https://example.com/customers"
},
{
"label": "企业版",
"href": "https://example.com/enterprise"
},
{
"label": "申请试用",
"href": "https://example.com/preview"
}
]
},
{
"header": "公司",
"items": [
{
"label": "招聘信息",
"href": "https://example.com/careers"
},
{
"label": "博客",
"href": "https://example.com/blog"
},
{
"label": "隐私政策",
"href": "https://example.com/legal/privacy"
}
]
}
]
},
"integrations": {
"ga4": {
"measurementId": "G-XXXXXXXXXX"
},
"koala": {
"publicApiKey": "pk_example_key_123"
},
"telemetry": {
"enabled": true
},
"cookies": {
"key": "example_cookie_key",
"value": "example_cookie_value"
}
},
"contextual": {
"options": [
"copy",
"view",
"chatgpt",
"claude"
]
},
"errors": {
"404": {
"redirect": false,
"title": "页面未找到",
"description": "这个_页面_到底**怎么了**?"
}
}
}
从 mint.json
升级
mint.json
文件,请按以下步骤升级到 docs.json
。
1
安装或更新命令行界面(CLI)
如果你尚未安装命令行界面(CLI),请先安装:如果你已经安装了 CLI,请确保更新至最新版本:
Report incorrect code
Copy
Ask AI
npm i -g mint
Report incorrect code
Copy
Ask AI
mint update
2
创建 docs.json 文件
在你的文档存储库中运行:该命令会基于现有的
Report incorrect code
Copy
Ask AI
mint upgrade
mint.json
生成一个 docs.json
文件。请检查生成的文件,确保所有设置正确。3
删除 mint.json 文件
在确认
docs.json
配置无误后,你即可安全删除旧的 mint.json
文件。