Softonic

Markdown vers Diapositives

Étape 1 / 3
Suivant

Rédigez des présentations comme vous écrivez des README : titres Markdown, listes à puces, blocs de code, séparés par des règles horizontales --- en diapositives. L’outil rend votre diaporama en direct en utilisant Reveal.js (thèmes : noir, blanc, simple, solarisé), prend en charge les notes de présentation avec Note :, les diapositives verticales imbriquées avec --, et exporte vers un fichier HTML autonome ou un PDF prêt à imprimer.

Comment Markdown devient un diaporama

  1. 1

    Écrire en Markdown

    Utilisez `---` pour séparer les diapositives. Les titres, listes et blocs de code standard fonctionnent comme d'habitude.

  2. 2

    Ajouter des notes de présentation

    Préfixez un paragraphe avec `Note:`, il est affiché uniquement en mode présentateur.

  3. 3

    Aperçu du diaporama

    L'aperçu en direct montre le diaporama avec navigation par touches fléchées.

  4. 4

    Choisir un thème

    Noir, blanc, league, ciel, simple, solarisé, n'importe quel thème Reveal.js.

  5. 5

    Exporter

    Fichier HTML autonome ou PDF via l'impression du navigateur.

La syntaxe des diapositives

# Diapositive d'ouverture

Texte de sous-titre ici

---

## Deuxième diapositive

- Puce un
- Puce deux
- Puce trois

Note : ces notes sont uniquement visibles en mode présentateur.

---

## Diapositive de code

\`\`\`python
def hello(name):
    return f"Salut {name}"
\`\`\`
  • --- (trois tirets sur leur propre ligne) commence une nouvelle diapositive horizontale.
  • -- (deux tirets) commence une diapositive verticale à l’intérieur de la colonne de diapositive actuelle, appuyez sur la flèche vers le bas pour descendre.
  • Note: au début d’un paragraphe devient une note de présentation.

Navigation au clavier

Touche Action
Droite / Espace Diapositive suivante
Gauche Diapositive précédente
Bas / Haut Naviguer dans la pile verticale
s Ouvrir la vue présentateur
o Aperçu des diapositives
f Plein écran
? Dialogue d’aide

Astuces de mise en page

  • Mise en page à deux colonnes : utilisez du HTML brut à l’intérieur d’une diapositive, <div class="columns">...</div>.
  • Révélation de fragments : les listes à puces s’animent une à une avec l’attribut {.fragment} lors de l’utilisation directe de Reveal.js. Ajoutez-le en HTML brut si nécessaire.
  • Images de fond : l’attribut au niveau de la diapositive <!-- .slide: data-background="url" --> définit un fond plein.
  • Auto-animation entre les diapositives : Reveal 4 prend en charge des transitions fluides pour les éléments correspondants, activez-le dans les paramètres du thème.

Exportation vers PDF

Depuis l’aperçu en direct, ouvrez ?print-pdf dans l’URL de votre navigateur et utilisez la boîte de dialogue d’impression du navigateur. Choisissez A4 paysage, graphiques de fond activés, marges minimales. Reveal.js produit une diapositive par page avec des notes de présentation sur des pages supplémentaires optionnelles.

Quand les diapositives basées sur Markdown brillent

  • Présentations techniques avec beaucoup d’exemples de code.
  • Diaporamas axés sur le contenu où la mise en page est secondaire.
  • Docs-en-diapos, gardez les présentations à côté du README du projet dans git.
  • Matériel de formation sous contrôle de version.

Quand ça ne fonctionne pas

  • Présentations lourdes en design avec placement précis des images.
  • Diapositives nécessitant des animations complexes ou un timing vidéo intégré.
  • Présentations soumises à une charte de marque où les modèles imposent chaque détail.

Questions fréquentes

Oui, la syntaxe d’image Markdown standard fonctionne. Utilisez des URL absolues ou téléchargez d’abord des images pour qu’elles soient accessibles depuis le HTML exporté.

Oui, optionnellement. Le mode impression de Reveal prend en charge “notes en page séparée”, chaque diapositive devient deux pages PDF, une avec la diapositive, une avec les notes.

Non. Le rendu est local dans votre navigateur. La source Markdown et le HTML exporté ne quittent jamais votre machine.

Oui. Ajoutez un bloc <style> en haut de votre Markdown ou liez une feuille de style externe dans les paramètres du thème. Elle est injectée dans la sortie de Reveal.js.

Le HTML exporté est un fichier autonome qui fonctionne sur n’importe quel hôte statique, GitHub Pages, Netlify, S3. Téléchargez le HTML et c’est fait.

Outils similaires

Référence de la table ASCII

Table ASCII complète de 0 à 127 avec décimal, hexadécimal, octal, binaire et référence numérique HTML pour chaque caractère, y compris les codes de contrôle comme NUL, LF et DEL.

Référence des caractères HTML

Liste consultable des entités HTML, de leurs codes nommés et numériques, et un copier-coller en un clic pour les caractères et symboles spéciaux.

Compteur de FPS

Mesurez les FPS du navigateur avec requestAnimationFrame : lissage, fréquence d'images min et max, seuil d'alerte et graphique facultatif. Tout se passe en local, sans envoi ni API.

Référence des raccourcis clavier

Recherchez les raccourcis par défaut documentés de VS Code, Chrome et Bash avec GNU Readline sous macOS, Windows et Linux.

Générateur de carte CSS

Créez le CSS d’un conteneur de carte : fond, bordure, rayon des angles, espacement intérieur et ombre douce, avec aperçu immédiat et code à copier-coller.

Générateur de flèches CSS

Créez localement une flèche CSS avec direction, couleur, taille et épaisseur de bordure, puis copiez la règle.

Outil disponible dans d’autres langues