docs.json
vous permet de transformer une collection de fichiers Markdown en un site de documentation navigable et personnalisé. Ce fichier de configuration obligatoire contrôle le style, la navigation, les intégrations, et plus encore. Pensez-y comme au plan de votre documentation.
Les paramètres de docs.json
s’appliquent globalement à toutes les pages.
Configuration de votre docs.json
theme
, name
, colors.primary
et navigation
. Les autres champs sont facultatifs et vous pourrez les ajouter au fur et à mesure que vos besoins en documentation évoluent.
Pour une meilleure expérience d’édition, incluez la référence de schéma en haut de votre fichier docs.json
. Cela active l’autocomplétion, la validation et des info-bulles utiles dans la plupart des éditeurs de code :
Copy
Ask AI
{
"$schema": "https://mintlify.com/docs.json",
"theme": "mint",
"name": "Your Docs",
"colors": {
"primary": "#ff0000"
},
"navigation": {
// La structure de votre navigation
}
// Le reste de votre configuration
}
Référence
docs.json
.
Personnalisation
Le thème de mise en page de votre site.L’un des suivants :
mint
, maple
, palm
, willow
, linden
, almond
, aspen
.Voir Thèmes pour plus d’informations.Le nom de votre projet, de votre organisation ou de votre produit.
Les couleurs utilisées dans votre documentation. Leur application varie selon les thèmes. Si vous ne fournissez qu’une couleur principale, elle sera utilisée pour tous les éléments de couleur.
Show Colors
Show Colors
La couleur principale de votre documentation. Généralement utilisée pour la mise en évidence en mode clair, avec quelques variations selon le thème.Doit être un code hexadécimal commençant par
#
.La couleur utilisée pour la mise en évidence en mode sombre.Doit être un code hexadécimal commençant par
#
.La couleur utilisée pour les boutons et les états de survol en modes clair et sombre, avec quelques variations selon le thème.Doit être un code hexadécimal commençant par
#
.Description de votre site pour le SEO et l’indexation par l’IA.
Votre logo pour les modes clair et sombre.
Show Logo
Show Logo
Chemin vers le fichier de votre logo pour le mode clair. Incluez l’extension du fichier. Exemple :
/logo.png
Chemin vers le fichier de votre logo pour le mode sombre. Incluez l’extension du fichier. Exemple :
/logo-dark.png
L’URL vers laquelle rediriger lorsque l’on clique sur le logo. Si non fourni, le logo renverra vers votre page d’accueil. Exemple :
https://mintlify.com
Chemin vers votre fichier favicon, y compris l’extension. Redimensionné automatiquement aux tailles appropriées.
Peut être un fichier unique ou des fichiers distincts pour les modes clair et sombre. Exemple :
/favicon.png
Personnalisation des vignettes pour les réseaux sociaux et les aperçus de page.
Paramètres de style visuel.
Show Styling
Show Styling
Le style de l’eyebrow de la page. Choisissez
section
pour afficher le nom de la section ou breadcrumbs
pour afficher le chemin de navigation complet. Valeur par défaut : section
.Le thème des blocs de code. Choisissez
system
pour s’aligner sur le thème du site ou dark
pour des blocs de code toujours sombres. Valeur par défaut : system
.Paramètres de la bibliothèque d’icônes.
Show Icons
Show Icons
Bibliothèque d’icônes utilisée dans toute votre documentation. Valeur par défaut :
fontawesome
.Vous pouvez indiquer une URL vers une icône hébergée en externe, un chemin vers un fichier d’icône dans votre projet, ou du code SVG compatible JSX pour n’importe quelle icône individuelle, quel que soit le paramétrage de la bibliothèque.
Configuration des polices pour votre documentation. La police par défaut est Inter.
Show Fonts
Show Fonts
Famille de polices, comme « Open Sans », « Playfair Display ».
Graisse de police, par exemple 400 ou 700. Les polices variables prennent en charge des valeurs précises, comme 550.
URL de la source de votre police, par exemple https://mintlify-assets.b-cdn.net/fonts/Hubot-Sans.woff2. Les Google Fonts sont chargées automatiquement lorsque vous spécifiez un nom de
family
Google Font, aucune URL de source n’est donc nécessaire.Format du fichier de police.
Remplace les paramètres de police spécifiquement pour les titres.
Show Heading
Show Heading
Famille de polices, comme « Open Sans », « Playfair Display ».
Graisse de police, par exemple 400 ou 700. Les polices variables prennent en charge des valeurs précises, comme 550.
URL de la source de votre police, par exemple https://mintlify-assets.b-cdn.net/fonts/Hubot-Sans.woff2. Les Google Fonts sont chargées automatiquement lorsque vous spécifiez un nom de
family
Google Font, aucune URL de source n’est donc nécessaire.Format du fichier de police.
Remplace les paramètres de police spécifiquement pour le corps du texte.
Show Body
Show Body
Famille de polices, comme « Open Sans », « Playfair Display ».
Graisse de police, par exemple 400 ou 700. Les polices variables prennent en charge des valeurs précises, comme 550.
URL de la source de votre police, par exemple https://mintlify-assets.b-cdn.net/fonts/Hubot-Sans.woff2. Les Google Fonts sont chargées automatiquement lorsque vous spécifiez un nom de
family
Google Font, aucune URL de source n’est donc nécessaire.Format du fichier de police.
Paramètres de l’interrupteur de mode clair/sombre.
Show Appearance
Show Appearance
Mode de thème par défaut. Choisissez
system
pour s’aligner sur les réglages de l’OS des utilisateurs, ou light
/dark
pour imposer un mode spécifique. Valeur par défaut : system
.Indique s’il faut masquer l’interrupteur clair/sombre. Valeur par défaut :
true
.Paramètres de couleur et de décoration de l’arrière-plan.
Show Arrière-plan
Show Arrière-plan
Image d’arrière-plan de votre site. Peut être un fichier unique ou des fichiers distincts pour les modes clair et sombre.
Décoration d’arrière-plan pour votre thème.
Couleurs d’arrière-plan personnalisées pour les modes clair et sombre.
Show Couleur
Show Couleur
Structure
Éléments de la barre de navigation.
Show Navbar
Show Navbar
Liens affichés dans la barre de navigation.
Show Links
Show Links
Texte du lien.
URL ou chemin de destination du lien.
L’icône à afficher.Options :
- nom de l’icône Font Awesome
- nom de l’icône Lucide
- code SVG compatible JSX entre accolades
- URL d’une icône hébergée en externe
- chemin vers un fichier d’icône dans votre projet
- Convertissez votre SVG à l’aide du convertisseur SVGR.
- Collez votre code SVG dans le champ de saisie SVG.
- Copiez l’élément complet
<svg>...</svg>
depuis le champ de sortie JSX. - Placez le code SVG compatible JSX entre accolades :
icon={<svg ...> ... </svg>}
. - Ajustez
height
etwidth
si nécessaire.
Le style d’icône Font Awesome. Utilisé uniquement avec les icônes Font Awesome.Options :
regular
, solid
, light
, thin
, sharp-solid
, duotone
, brands
.Bouton principal de la barre de navigation.
Show Primary
Show Primary
Style du bouton. Choisissez
button
pour un bouton standard avec libellé, ou github
pour un lien vers un dépôt GitHub avec icône.Texte du bouton. S’applique uniquement lorsque
type
vaut button
.Destination du bouton. Doit être un chemin valide ou une URL externe. Si
type
vaut github
, il doit s’agir de l’URL d’un dépôt GitHub.La structure de navigation de votre contenu.
Show Navigation
Show Navigation
Éléments de navigation globaux affichés sur toutes les pages et dans toutes les sections.
Show Global
Show Global
Configuration du sélecteur de langue pour les sites localisés.
Show Langues
Show Langues
language
"en" | "cn" | "zh" | "zh-Hans" | "zh-Hant" | "es" | "fr" | "ja" | "jp" | "pt" | "pt-BR" | "de" | "ko" | "it" | "ru" | "id" | "ar" | "tr"
required
Code de langue au format ISO 639-1
Indique s’il s’agit de la langue par défaut.
Indique s’il faut masquer cette langue par défaut.
Un chemin valide ou un lien externe vers cette version de votre documentation.
Configuration du sélecteur de versions pour les sites multi-versions.
Onglets de navigation de premier niveau pour organiser les sections principales.
Show Onglets
Show Onglets
Nom d’affichage de l’onglet.Longueur minimale : 1
L’icône à afficher.Options :
- nom de l’icône Font Awesome
- nom de l’icône Lucide
- code SVG compatible JSX entre accolades
- URL d’une icône hébergée en externe
- chemin vers un fichier d’icône dans votre projet
- Convertissez votre SVG à l’aide du convertisseur SVGR.
- Collez votre code SVG dans le champ de saisie SVG.
- Copiez l’élément complet
<svg>...</svg>
depuis le champ de sortie JSX. - Placez le code SVG compatible JSX entre accolades :
icon={<svg ...> ... </svg>}
. - Ajustez
height
etwidth
si nécessaire.
Le style d’icône Font Awesome. Utilisé uniquement avec les icônes Font Awesome.Options :
regular
, solid
, light
, thin
, sharp-solid
, duotone
, brands
.Indique s’il faut masquer cet onglet par défaut.
URL ou chemin de destination de l’onglet.
Liens d’ancrage qui apparaissent en évidence dans la navigation de la barre latérale.
Show Ancrages
Show Ancrages
Nom d’affichage de l’ancre.Longueur minimale : 1
L’icône à afficher.Options :
- nom de l’icône Font Awesome
- nom de l’icône Lucide
- code SVG compatible JSX entre accolades
- URL d’une icône hébergée en externe
- chemin vers un fichier d’icône dans votre projet
- Convertissez votre SVG à l’aide du convertisseur SVGR.
- Collez votre code SVG dans le champ de saisie SVG.
- Copiez l’élément complet
<svg>...</svg>
depuis le champ de sortie JSX. - Placez le code SVG compatible JSX entre accolades :
icon={<svg ...> ... </svg>}
. - Ajustez
height
etwidth
si nécessaire.
Le style d’icône Font Awesome. Utilisé uniquement avec les icônes Font Awesome.Options :
regular
, solid
, light
, thin
, sharp-solid
, duotone
, brands
.Couleurs personnalisées de l’ancre.
Indique s’il faut masquer cette ancre par défaut.
URL ou chemin vers la destination de l’ancre.
Menus déroulants pour organiser du contenu associé.
Show Menus déroulants
Show Menus déroulants
Nom affiché du menu déroulant.Longueur minimale : 1
L’icône à afficher.Options :
- nom de l’icône Font Awesome
- nom de l’icône Lucide
- code SVG compatible JSX entre accolades
- URL d’une icône hébergée en externe
- chemin vers un fichier d’icône dans votre projet
- Convertissez votre SVG à l’aide du convertisseur SVGR.
- Collez votre code SVG dans le champ de saisie SVG.
- Copiez l’élément complet
<svg>...</svg>
depuis le champ de sortie JSX. - Placez le code SVG compatible JSX entre accolades :
icon={<svg ...> ... </svg>}
. - Ajustez
height
etwidth
si nécessaire.
Le style d’icône Font Awesome. Utilisé uniquement avec les icônes Font Awesome.Options :
regular
, solid
, light
, thin
, sharp-solid
, duotone
, brands
.Indique s’il faut masquer ce menu déroulant par défaut.
URL ou chemin vers la destination du menu déroulant.
Sélecteur de langue pour les sites multilingues.
Paramètres d’interaction utilisateur pour les éléments de navigation.
Show Interaction
Show Interaction
Contrôle le comportement de navigation automatique lors de la sélection de groupes de navigation. Définissez sur
true
pour forcer l’ouverture de la première page lorsqu’un groupe de navigation est développé. Définissez sur false
pour empêcher la navigation et uniquement développer ou réduire le groupe. Laissez non défini pour utiliser le comportement par défaut du thème.Contenu du pied de page et liens vers les réseaux sociaux.
Show Footer
Show Footer
Profils de réseaux sociaux à afficher dans le pied de page. Chaque clé correspond au nom d’une plateforme et chaque valeur à l’URL de votre profil. Par exemple :Noms de propriétés valides :
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
Bandeau global affiché en haut des pages.
Show Banner
Show Banner
Redirections pour les pages déplacées, renommées ou supprimées.
Menu contextuel pour du contenu et des intégrations optimisés par l’IA.
Show Contextual
Show Contextual
options
array of "copy" | "view" | "chatgpt" | "claude" | "perplexity" | "mcp" | "cursor" | "vscode"
required
Actions disponibles dans le menu contextuel. La première option s’affiche par défaut.
copy
: Copier la page actuelle en Markdown dans le presse-papiers.view
: Afficher la page actuelle en Markdown dans un nouvel onglet.chatgpt
: Envoyer le contenu de la page actuelle à ChatGPT.claude
: Envoyer le contenu de la page actuelle à Claude.perplexity
: Envoyer le contenu de la page actuelle à Perplexity.mcp
: Copier l’URL de votre serveur MCP dans le presse-papiers.cursor
: Installer votre serveur MCP hébergé dans Cursor.vscode
: Installer votre serveur MCP hébergé dans VSCode.

Le menu contextuel est disponible uniquement sur les déploiements de prévisualisation et de production.
Configurations de l’API
Paramètres de la documentation de l’API et du bac à sable interactif.
Show Api
Show Api
Fichiers de spécification OpenAPI pour générer la documentation de l’API. Peut être une URL/un chemin unique ou un tableau d’URL/chemins.
Fichiers de spécification AsyncAPI pour générer la documentation de l’API. Peut être une URL/un chemin unique ou un tableau d’URL/chemins.
Paramètres d’affichage des paramètres de l’API.
Show Params
Show Params
Indique s’il faut développer tous les paramètres par défaut. Valeur par défaut :
closed
.Paramétrage des pages d’API générées à partir de fichiers
MDX
.Show Mdx
Show Mdx
Configuration du serveur pour les requêtes d’API.
SEO et recherche
Paramètres d’indexation SEO.
Show SEO
Show SEO
Balises meta ajoutées à chaque page. Doit être une paire clé–valeur valide. Consultez la liste des balises meta courantes pour les options.
Indiquez quelles pages les moteurs de recherche doivent indexer. Choisissez
navigable
pour indexer uniquement les pages présentes dans la navigation de votre docs.json
, ou all
pour indexer toutes les pages. Par défaut : navigable
.Paramètres d’affichage de la recherche.
Show Recherche
Show Recherche
Texte d’espace réservé affiché dans la barre de recherche.
Intégrations
Intégrations de tiers.
Show Integrations
Show Integrations
Intégration d’analyses Amplitude.
Show Amplitude
Show Amplitude
Votre clé d’API Amplitude.
Intégration d’enrichissement des données Clearbit.
Show Clearbit
Show Clearbit
Votre clé API Clearbit.
Intégration à Fathom Analytics.
Show Fathom
Show Fathom
L’identifiant de votre site Fathom.
Intégration du chat Front.
Show Frontchat
Show Frontchat
Votre identifiant de snippet Front Chat.Longueur minimale : 6
Intégration à Google Analytics 4.
Show GA4
Show GA4
Votre ID de mesure Google Analytics 4.Doit correspondre au motif : ^G
Intégration à Google Tag Manager.
Show GTM
Show GTM
Votre ID de balise Google Tag Manager.Doit correspondre au modèle : ^G
Intégration à Heap Analytics.
Show Heap
Show Heap
L’identifiant de votre application Heap.
Intégration d’Intercom.
Show Intercom
Show Intercom
Votre identifiant d’application Intercom.Longueur minimale : 6
Intégration de Koala.
Show Koala
Show Koala
Votre clé d’API publique Koala.Longueur minimale : 2
Intégration LogRocket.
Show LogRocket
Show LogRocket
Votre ID d’application LogRocket.
Intégration à Mixpanel.
Show Mixpanel
Show Mixpanel
Votre jeton de projet Mixpanel.
Paramètres de télémétrie.
Show Télémétrie
Show Télémétrie
Indique s’il faut activer la télémétrie.
Erreurs
Paramètres de gestion des erreurs.
Show Erreurs
Show Erreurs
Gestion de l’erreur 404 « Page non trouvée ».
Exemples
docs.json
Copy
Ask AI
{
"$schema": "https://mintlify.com/docs.json",
"theme": "maple",
"name": "Example Co.",
"description": "Example Co. est une entreprise qui fournit du contenu d'exemple et du texte de remplissage.",
"colors": {
"primary": "#3B82F6",
"light": "#F8FAFC",
"dark": "#0F172A"
},
"navigation": {
"dropdowns": [
{
"dropdown": "Documentation",
"icon": "book",
"description": "Comment utiliser le produit Example Co.",
"groups": [
{
"group": "Prise en main",
"pages": [
"index",
"quickstart"
]
},
{
"group": "Personnalisation",
"pages": [
"settings",
"users",
"features"
]
},
{
"group": "Facturation",
"pages": [
"billing/overview",
"billing/payments",
"billing/subscriptions"
]
}
]
},
{
"dropdown": "Journal des modifications",
"icon": "history",
"description": "Mises à jour et changements",
"pages": [
"changelog"
]
}
]
},
"logo": {
"light": "/logo-light.svg",
"dark": "/logo-dark.svg",
"href": "https://example.com"
},
"navbar": {
"links": [
{
"label": "Communauté",
"href": "https://example.com/community"
}
],
"primary": {
"type": "button",
"label": "Commencer",
"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": "Ressources",
"items": [
{
"label": "Clients",
"href": "https://example.com/customers"
},
{
"label": "Offre Entreprise",
"href": "https://example.com/enterprise"
},
{
"label": "Demander un aperçu",
"href": "https://example.com/preview"
}
]
},
{
"header": "Entreprise",
"items": [
{
"label": "Carrières",
"href": "https://example.com/careers"
},
{
"label": "Blog",
"href": "https://example.com/blog"
},
{
"label": "Politique de confidentialité",
"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": "Introuvable",
"description": "Qu'est-il **arrivé** à cette _page_ ?"
}
}
}
Mise à niveau depuis mint.json
mint.json
désormais déprécié, suivez ces étapes pour passer à docs.json
.
1
Installer ou mettre à jour la CLI
Si vous n’avez pas installé la CLI, installez-la maintenant :Si la CLI est déjà installée, assurez-vous qu’elle est à jour :
Copy
Ask AI
npm i -g mint
Copy
Ask AI
mint update
2
Créer votre fichier docs.json
Dans votre dépôt de documentation, exécutez :Cette commande créera un fichier
Copy
Ask AI
mint upgrade
docs.json
à partir de votre mint.json
existant. Passez en revue le fichier généré pour vérifier que tous les paramètres sont corrects.3
Supprimer votre fichier mint.json
Après avoir confirmé que votre
docs.json
est correctement configuré, vous pouvez supprimer en toute sécurité votre ancien fichier mint.json
.