Qu'est-ce que MkDocs ? Comment installer, utiliser et déployer MkDocs

Découvrez MkDocs, générateur de sites statiques pour la doc API ! Guide débutant : installation, usage, déploiement GitHub Pages. Alternative : APIdog. Docs Markdown en quelques minutes !

Louis Dupont

Louis Dupont

5 June 2025

Qu'est-ce que MkDocs ? Comment installer, utiliser et déployer MkDocs

```html

Vous voulez créer une documentation d'API élégante et professionnelle sans vous battre avec des outils complexes ? Dites bonjour à MkDocs, un générateur de site statique rapide et simple qui transforme vos fichiers Markdown en magnifiques sites de documentation. J'ai joué avec MkDocs pour créer de la documentation d'API, et croyez-moi, c'est un jeu d'enfant pour les débutants comme pour les pros. Dans ce guide pour débutants, je vais vous expliquer ce qu'est MkDocs, comment l'installer, l'utiliser pour créer une documentation d'API et la déployer sur GitHub Pages, le tout basé sur les étapes officielles. De plus, je ferai un clin d'œil rapide à la Documentation d'APIdog en tant qu'alternative plus sophistiquée. Prêt à faire briller votre documentation d'API ? Plongeons-nous dedans !

button

Qu'est-ce que MkDocs ? Une introduction rapide

MkDocs est un générateur de site statique open-source conçu pour créer de la documentation de projet et d'API. Vous écrivez votre contenu en Markdown, un format léger basé sur du texte, et MkDocs le transforme en un site HTML statique moderne avec navigation, recherche et thèmes personnalisables, sans base de données ni script côté serveur requis. Il est parfait pour la documentation d'API car il est simple, prend en charge Markdown pour une création de contenu facile et génère des fichiers statiques que vous pouvez héberger n'importe où, comme GitHub Pages ou Read the Docs. Les développeurs louent sa rapidité et sa facilité, et la communauté MkDocs GitHub regorge de plugins et de thèmes pour l'améliorer. Que vous documentiez une API REST ou un package Python, MkDocs garde les choses propres et conviviales. Mettons-le en place !

Configuration de votre environnement pour MkDocs

Avant de commencer à construire avec MkDocs, préparons votre système. C'est super facile pour les débutants, et je vais expliquer chaque étape pour que vous ne soyez jamais perdu.

Vérifiez les prérequis : Vous aurez besoin de quelques outils installés :

Il manque quelque chose ? Installez-le maintenant pour éviter les problèmes.

Créez un dossier de projet : Gardons les choses bien rangées en créant un dossier dédié à votre projet MkDocs :

mkdir mkdocs-api-docs
cd mkdocs-api-docs

Ce dossier contiendra vos fichiers MkDocs, et cd vous y déplacera, prêt à l'action.

Configurez un environnement virtuel : Pour éviter les conflits de paquets, créez un environnement virtuel Python :

python -m venv venv

Activez-le :

Vous verrez (venv) dans votre terminal, ce qui signifie que vous êtes dans un environnement Python propre. Cela isole les dépendances de MkDocs, en gardant votre système propre.

activate virtual environment

Installation de MkDocs

Maintenant, installons MkDocs et préparons-le pour créer votre documentation d'API. C'est rapide et simple.

Installez MkDocs : Avec votre environnement virtuel actif, exécutez :

pip install mkdocs

Cela récupère MkDocs depuis PyPI et l'installe. Cela peut prendre un moment pour télécharger les dépendances comme Markdown et Pygments.

Vérifiez l'installation : Vérifiez que MkDocs est installé correctement :

mkdocs --version

Vous devriez voir quelque chose comme mkdocs, version 1.6.1 (ou plus récent). Si cela échoue, assurez-vous que pip est mis à jour (pip install --upgrade pip) ou que Python est dans votre PATH.

Installez un thème (Optionnel) : MkDocs est livré avec des thèmes de base (readthedocs & mkdocs), mais le thème Material for MkDocs est le favori des fans pour son look moderne. Installez-le :

pip install mkdocs-material

Cela ajoute un thème poli et personnalisable, parfait pour la documentation d'API. Nous l'utiliserons plus tard pour faire ressortir votre site.

mkdocs themes and version

Création et utilisation de votre projet MkDocs

Il est temps de créer votre projet MkDocs et de créer de la documentation d'API ! Nous allons configurer un site simple pour documenter une API REST fictive, avec une page d'accueil et une page de points de terminaison.

Initialisez un nouveau projet : Dans votre dossier mkdocs-api-docs (avec l'environnement virtuel actif), créez un nouveau projet MkDocs :

mkdocs new .

Cela crée :

Le dossier docs/ est l'endroit où vos fichiers Markdown vont, et index.md est le point d'entrée de votre site.

Modifiez le fichier de configuration : Ouvrez mkdocs.yml dans un éditeur de texte (par exemple, VS Code avec code .). Mettez-le à jour pour définir le nom du site, le thème et la navigation pour votre documentation d'API :

site_name: My API Documentation
theme:
  name: material
nav:
  - Home: index.md
  - Endpoints: endpoints.md

Cela définit le nom du site, applique le thème Material (s'il est installé) et définit un menu de navigation avec deux pages : "Home" (index.md) et "Endpoints" (endpoints.md). Enregistrez le fichier.

Écrivez votre documentation d'API : Créons du contenu pour votre documentation d'API :

Modifiez docs/index.md : Remplacez son contenu par :

# Welcome to My API Documentation

This is the documentation for our awesome REST API. Use the navigation to explore endpoints and get started!

Créez docs/endpoints.md : Ajoutez un nouveau fichier dans le dossier docs/ nommé endpoints.md avec :

# API Endpoints

## GET /users

Retrieves a list of users.

**Example Request**:
```bash
curl -X GET https://api.example.com/users

Response :

[
  {"id": 1, "name": "Alice"},
  {"id": 2, "name": "Bob"}
]

Ces fichiers Markdown définissent la page d'accueil de votre API et un exemple de point de terminaison, en utilisant des blocs de code pour plus de clarté. N'hésitez pas à ajouter plus de points de terminaison ou de détails !

Prévisualisez votre site : Démarrez le serveur de développement MkDocs pour voir votre documentation en direct :

mkdocs serve

Cela construit votre site et l'héberge à http://127.0.0.1:8000/. Ouvrez cette URL dans votre navigateur, et vous verrez votre documentation d'API avec une barre de navigation, une recherche et le design élégant du thème Material (s'il est installé). Le serveur se recharge automatiquement lorsque vous modifiez mkdocs.yml ou les fichiers Markdown, alors modifiez-les et regardez les changements en direct !

mkdocs serve

J'ai testé cette configuration, et ma documentation d'API avait l'air professionnelle en moins de 10 minutes - la navigation fonctionnait, et la recherche a trouvé les détails de mon point de terminaison instantanément. Si le serveur ne démarre pas, vérifiez que le port 8000 est libre ou que mkdocs est installé correctement.

mkdocs frontpage

Déploiement de votre site MkDocs

Votre documentation d'API est bien présentée localement - partageons-la maintenant avec le monde en la déployant sur GitHub Pages, une option d'hébergement gratuite.

Créez un dépôt Git : Initialisez un dépôt Git dans votre dossier mkdocs-api-docs :

git init
git add .
git commit -m "Initial MkDocs project"

Cela configure le contrôle de version. Ajoutez site/ et venv/ à un fichier .gitignore pour exclure les artefacts de construction et l'environnement virtuel :

site/
venv/

Push vers GitHub : Créez un nouveau dépôt sur GitHub (par exemple, my-api-docs) et poussez votre projet :

git remote add origin https://github.com/yourusername/my-api-docs.git
git branch -M main
git push -u origin main

Remplacez yourusername par votre nom d'utilisateur GitHub. Cela télécharge votre projet MkDocs sur GitHub.

Déployez sur GitHub Pages : Construisez et déployez votre site :

mkdocs gh-deploy

Cette commande construit votre site, commet les fichiers statiques dans une branche gh-pages et les pousse vers GitHub. MkDocs utilise l'outil ghp-import en coulisses pour gérer cela. Votre site sera en ligne à https://yourusername.github.io/my-api-docs/ (laissez-lui quelques minutes pour se propager).

J'ai exécuté cela pour mon site de test, et il était sur GitHub Pages en moins d'une minute, accessible à tous avec le lien. Si cela ne fonctionne pas, assurez-vous que votre dépôt GitHub est public et vérifiez mkdocs gh-deploy --help pour les options.

Explorer les alternatives à MkDocs : Documentation d'APIdog

Bien que MkDocs soit fantastique pour la documentation d'API légère, vous pourriez vouloir un outil avec plus de cloches et de sifflets. Entrez dans la Documentation d'APIdog, une alternative puissante qui est plus attrayante, riche en fonctionnalités et prend en charge l'auto-hébergement. APIdog intègre la conception, les tests et la documentation d'API en une seule plateforme, offrant des environnements d'API interactifs, des tests automatisés et des fonctionnalités collaboratives - parfait pour les équipes ayant besoin de plus que de la documentation statique. C'est un peu plus complexe que MkDocs, mais si vous voulez une solution complète et soignée, essayez APIdog !

apidog documentation

Si vous débutez dans l'écriture de documentation ou si vous cherchez à améliorer vos compétences en documentation - surtout lorsque vous travaillez en équipe ou que vous gérez des projets complexes - je vous recommande vivement d'essayer Apidog. Il offre une pléthore de fonctionnalités qui simplifient la gestion de la documentation pour les projets complexes ou collaboratifs. Et le meilleur, c'est que vous pouvez commencer gratuitement !

button

Conseils pour le succès de MkDocs

En conclusion : Votre aventure MkDocs commence

Félicitations - vous avez installé, utilisé et déployé MkDocs pour créer une documentation d'API élégante ! De la configuration d'un projet au déploiement sur GitHub Pages, vous avez créé un site professionnel facile à maintenir et à partager. Essayez d'ajouter plus de points de terminaison, d'expérimenter avec des plugins ou d'ajuster le thème pour le personnaliser. Si vous voulez une alternative riche en fonctionnalités, consultez la Documentation d'APIdog pour une expérience de niveau supérieur ! Bonne documentation !

```

Explore more

Fathom-R1-14B : Modèle de raisonnement IA avancé d'Inde

Fathom-R1-14B : Modèle de raisonnement IA avancé d'Inde

L'IA en expansion rapide. Fathom-R1-14B (14,8 milliards de paramètres) excelle en raisonnement mathématique et général, conçu par Fractal AI Research.

5 June 2025

Mistral Code : L'assistant de codage le plus personnalisable basé sur l'IA pour les entreprises

Mistral Code : L'assistant de codage le plus personnalisable basé sur l'IA pour les entreprises

Découvrez Mistral Code, l'IA d'aide au code la plus personnalisable pour les entreprises.

5 June 2025

Comment Claude Code transforme le codage de l'IA en 2025

Comment Claude Code transforme le codage de l'IA en 2025

Découvrez Claude Code en 2025 : codage IA révolutionné. Fonctionnalités, démo, et pourquoi il gagne du terrain après Windsurf d'Anthropic. Indispensable !

5 June 2025

Pratiquez le Design-first d'API dans Apidog

Découvrez une manière plus simple de créer et utiliser des API