MarpNative ← Accueil

Guide Markdown

Les essentiels pour écrire une présentation dans MarpNative : Markdown de base, slides MARP, layouts, images et notes. Les menus Blocks, Images et Layout de l’app insèrent la plupart de ces snippets pour vous.

Référence MarpNative · Contact : csurbier@idevotion.fr

1. Anatomie d’une présentation

Un fichier MarpNative est un fichier .md classique. En haut, un front-matter entre deux lignes --- décrit le thème et les options. Ensuite viennent les slides, séparées aussi par ---.

---
marp: true
theme: atlas
paginate: true
---

# Titre de la première slide

Texte d’introduction

---

## Deuxième slide

- Point A
- Point B

Astuce. Le sélecteur de thème de l’app écrit automatiquement theme: dans le front-matter.

2. Markdown de base

Disponible aussi via le menu Blocks au-dessus de l’éditeur.

EffetSyntaxe
Titre niveau 1# Titre
Titre niveau 2## Sous-titre
Titre niveau 3### Rubrique
Gras**texte**
Italique_texte_
Barré~~texte~~
Surligné==texte==
Code inline`code`
Indice / exposant<sub>…</sub> · <sup>…</sup>
Lien[libellé](https://…)
Liste- élément ou 1. élément
Citation> citation

3. Slides MARP

Chaque slide est le contenu situé entre deux séparateurs --- (après le front-matter).

---

# Slide A

Contenu

---

# Slide B

Autre contenu

Piège courant. Ne collez pas plusieurs layouts _class sur la même slide sans --- entre eux. Une directive layout = une slide.

4. Layouts (_class)

Les thèmes exposent des mises en page (cover, section, quote…). On les active avec un commentaire HTML en tête de slide :

---

<!-- _class: cover -->

# Titre d’ouverture

Sous-titre

Les classes disponibles dépendent du thème actif. Le menu Layout de l’app les liste et les insère pour vous. Dans le Theme Store, chaque fiche thème documente ses layouts et propose un exemple chargeable.

5. Images

Syntaxe Markdown standard, enrichie par les directives Marp. Le menu Images de la toolbar insère ces snippets.

Image simple (fichier local)

Placez l’image à côté du .md (souvent dans un dossier assets/) :

![description](assets/photo.png)

Important. Pour attacher une image locale, enregistrez d’abord la présentation : l’app copie alors le fichier dans assets/ à côté du document.

Image depuis une URL

![description](https://exemple.com/image.jpg)

Largeur

![w:400](assets/photo.png)

Fonds Marp

EffetSyntaxe
Fond plein écran![bg](assets/fond.jpg)
Fond à droite (40 %)![bg right:40%](assets/fond.jpg)
Fond à gauche (40 %)![bg left:40%](assets/fond.jpg)
Fond en bas![bg bottom](assets/fond.jpg)

Mots-clés selon le thème

Certains thèmes ajoutent des mots-clés (ex. Atlas : center, right, rounded). Consultez la fiche du thème dans le Theme Store ou son fichier example.md.

6. Notes orateur

Les notes ne s’affichent pas sur la slide projetée. Insérez-les via le menu Blocks (« Speaker Notes ») :

<!-- notes: Points à rappeler à voix haute -->

7. Astuces MarpNative