Welcome to MkDocs¶
Information importante
Le contenu de l'admonition supporte tout le Markdown :
listes, code, liens, etc.
Astuce
Utilisez mkdocs serve --dirty pour accélérer le rechargement
sur les gros projets (seules les pages modifiées sont regénérées).
Attention
Ne commitez jamais de secrets dans votre documentation.
Danger
Supprimer le dossier site/ en production efface la documentation
déployée.
Cliquez pour voir l'exemple
Contenu masqué par défaut. Utile pour les longues sorties
de commandes ou les configurations complètes.
Astuce (ouverte par défaut)
L'utilisateur peut replier cet encadré s'il le souhaite.
Rappel
Cet encadré flotte à droite du paragraphe suivant.
Avec l'option content.tabs.link activée dans les features du thème, un clic
sur un onglet synchronise tous les onglets de la page qui portent le même
label.
Blocs de code avancés¶
Material ajoute des fonctionnalités puissantes aux blocs de code standard :
Titre, numéros de lignes et bouton copier :
def saluer(nom: str) -> str:
"""Retourne un message de bienvenue."""
return f"Bonjour {nom} !"
print(saluer("DevOps"))
Annotations dans le code (nécessite content.code.annotate dans les
features) :
- Le thème Material est le plus populaire pour MkDocs
- Active la navigation sans rechargement de page
graph LR
A[Écrire en Markdown] --> B[mkdocs build]
B --> C[Site HTML statique]
C --> D{Déployer}
D --> E[GitHub Pages]
D --> F[GitLab Pages]
D --> G[Serveur interne]
- Installer MkDocs
- Configurer le thème Material
- Rédiger la documentation
- Déployer sur GitHub Pages
MkDocs génère des sites statiques[^1] à partir de Markdown.
[^1]: Un site statique est composé uniquement de fichiers HTML, CSS
et JavaScript, sans base de données ni serveur applicatif.
Mise en place en 5 minutes
Installez mkdocs-material avec pip et démarrez en quelques minutes.
C'est juste du Markdown
Concentrez-vous sur le contenu, Material génère le site.
Profil utilisateur
Conteneur Docker
Terminal
Emoji sourire
Le HTML est le langage de base du web. Le W3C en maintient la spécification.
*[HTML]: Hyper Text Markup Language
*[W3C]: World Wide Web Consortium
- ==Texte surligné== avec
pymdownx.mark - Texte souligné (insertion) avec
pymdownx.caret - ~Texte barré (suppression)~ avec
pymdownx.tilde - H2O (subscript) et ATA (superscript)
- Raccourci clavier : Ctrl+Alt+Del
- Suivi :
texte suppriméet texte ajouté
Commencer le tutoriel
Télécharger
{ align=left width="300" loading=lazy }
{ width="600" }Architecture du pipeline CI/CD
