Markdown Slide Deck : écrire en Markdown, présenter partout

Le problème : présenter sans PowerPoint

On a tous vécu ça. Vous avez un cours à donner, une réunion à animer, un atelier à présenter. Votre contenu est déjà écrit — en Markdown, dans un fichier .md, dans vos notes. Mais pour le transformer en présentation, il faut ouvrir PowerPoint ou Google Slides, copier-coller, formater, ajuster les marges, choisir une police, ajouter des transitions.

Résultat : on passe plus de temps sur la mise en forme que sur le contenu.

Markdown Slide Deck prend le problème à l'envers. Vous écrivez en Markdown — le format que vous connaissez déjà — et l'outil génère une présentation interactive directement dans le navigateur. Pas d'installation, pas de logiciel à télécharger, pas de compte à créer.

Comment ça marche

En 3 étapes

1. Configurez les délimiteurs — choisissez comment vos slides sont séparées dans le fichier (par défaut : --- ou ## Titre)
2. Importez votre fichier — uploadez un fichier .md ou .html, ou chargez depuis une URL
3. Présentez — naviguez avec les flèches du clavier, passez en plein écran, et c'est parti

L'app est hébergée sur GitHub Pages. Tout se passe côté client — votre fichier n'est jamais envoyé sur un serveur. C'est du pur JavaScript dans le navigateur.

Structure d'un fichier source

Un fichier Markdown classique, avec des séparateurs entre les slides :

# Ma présentation

Bienvenue dans cette démo.

---

## Première partie

- Point important
- Autre point
- Conclusion intermédiaire

---

## Deuxième partie

| Critère | Option A | Option B |
|---------|----------|----------|
| Prix    | Gratuit  | Payant   |
| Support | GitHub   | Email    |

---

## Merci !

Des questions ?

Chaque --- marque une nouvelle slide. C'est tout. Le contenu est rendu avec le même Markdown que vous utilisez déjà dans vos README, vos docs, vos notes.

Ce qui le distingue

Rendu riche

L'outil ne se limite pas au texte basique. Il supporte :

• Tableaux — syntaxe Markdown standard, rendus proprement
• Médias embarqués — images, vidéos, iframes
• Notation mathématique — formules LaTeX rendues avec KaTeX/MathJax
• Diagrammes Mermaid — flowcharts, diagrammes de séquence, Gantt, directement depuis le Markdown
• Callouts — blocs d'attention, d'information, d'avertissement

Pour les enseignants ou formateurs, le support des formules mathématiques et des diagrammes est un vrai plus. Vous écrivez $$E = mc^2$$ dans votre Markdown, et ça rend une formule propre dans la slide.

Navigation et contrôles

• Clavier — flèches gauche/droite pour naviguer
• Recherche — trouvez un mot-clé dans toutes vos slides
• Plein écran — mode présentation immersif
• Indicateur de progression — une "train line" visuelle qui montre où vous en êtes dans le deck
• Zoom — ajustable de 80% à 150%
• Notes speaker — délimiteurs configurables pour ajouter des notes visibles uniquement par le présentateur

Thèmes et personnalisation

Six thèmes de fond sont disponibles : cloud, warm, sage, slate, lavender, dusk. Vous pouvez aussi choisir parmi quatre familles de polices : sans-serif, serif, rounded, monospace.

Ce n'est pas Keynote — il n'y a pas de transitions animées ni de positionnement pixel-perfect. Mais c'est exactement le point : on reste sur le contenu, pas sur la mise en forme.

Comparatif avec les alternatives

Critère	Markdown Slide Deck	Reveal.js	Marp	Slidev
Installation	Aucune (app web)	npm + config	CLI ou VS Code	npm + Vue.js
Côté client	100%	Oui	Build local	Build local
Mermaid	Oui	Plugin	Non natif	Oui
Formules math	Oui	Plugin	Plugin	Oui
Thèmes	6 intégrés	11+ intégrés	Thèmes CSS	Thèmes CSS
Courbe d'apprentissage	Nulle	Moyenne	Faible	Moyenne
Export PDF	Via navigateur	Oui	Natif	Oui
Notes speaker	Oui	Oui	Oui	Oui
Open source	Oui (MIT)	Oui (MIT)	Oui (MIT)	Oui (MIT)
Idéal pour	Rapidité, zéro friction	Présentations complexes	Export PDF propre	Devs Vue.js

Reveal.js reste le plus puissant si vous avez besoin de transitions, de fragments animés, et de contrôle fin sur le CSS. Mais il faut configurer un projet npm, écrire du HTML, et maintenir un build.

Marp est excellent pour générer des PDFs propres depuis VS Code — c'est sa force principale. Mais il faut installer le CLI ou l'extension.

Slidev est le choix des développeurs Vue.js qui veulent des composants interactifs dans leurs slides. C'est le plus riche, mais aussi le plus lourd à mettre en place.

Markdown Slide Deck gagne sur un seul critère : la friction zéro. Vous ouvrez une URL, vous uploadez un fichier, vous présentez. Pas de npm, pas de build, pas de CLI.

Cas d'usage concrets

Enseignants et formateurs

Vous préparez vos cours en Markdown (ou vous les avez déjà dans ce format). Au lieu de tout reformater dans PowerPoint, vous uploadez le fichier et vous projetez directement. Le support des formules mathématiques et des diagrammes Mermaid couvre les besoins de la plupart des disciplines.

Développeurs en réunion

Vous avez un README, une spec technique, ou des notes de design review. En ajoutant des --- entre les sections, vous avez une présentation prête pour le standup ou la démo.

Conférences et lightning talks

Pour un talk de 5-15 minutes, la simplicité de l'outil est un avantage. Pas de template à choisir, pas de master slide à configurer. Vous vous concentrez sur le message.

Documentation interne

Vos docs sont déjà en Markdown dans un repo Git ? Transformez-les en présentations pour les onboarding sessions ou les revues d'architecture, sans dupliquer le contenu dans un autre format.

Limites

• Pas de transitions animées — les slides s'enchaînent simplement, pas d'effets de fondu ou de glissement
• Pas de positionnement libre — on reste dans le flux du document, pas de drag-and-drop d'éléments
• Pas de mode collaboratif — c'est un outil individuel, pas un Google Slides
• Export PDF basique — via la fonction d'impression du navigateur, pas de rendu optimisé
• Pas d'hébergement cloud — vos slides ne sont pas sauvegardées en ligne (c'est aussi un avantage pour la vie privée)

Si vous avez besoin de présentations visuellement riches avec des animations, des images positionnées précisément, et des transitions élaborées, ce n'est pas l'outil qu'il vous faut. Mais si votre priorité est le contenu avant la forme, c'est exactement ce dont vous avez besoin.

Qui est derrière

Le projet est créé par François Jourde, enseignant et technopédagogue belge. C'est le même auteur que Learning Designer, un autre outil que nous avons couvert. Son approche est cohérente : des outils simples, open source, centrés sur les besoins des enseignants et formateurs, sans friction inutile.

Le code est sur GitHub sous licence MIT. C'est une application 100% HTML/JavaScript — pas de framework, pas de dépendances lourdes, pas de backend.

Retour aux articles