Exporter

PDF

L'exportation au format PDF ou PNG repose sur Playwright pour le rendu. Vous devrez donc installer playwright-chromium pour utiliser cette fonctionnalité. Si vous effectuez une exportation dans un environnement CI, le guide du dramaturge CI peut être utile.

Installez playwright-chrome

$ npm i -D playwright-chromium

Exportez maintenant vos diapositives au format PDF à l'aide de la commande suivante

$ slidev export

Après quelques secondes, vos diapositives seront prêtes dans ./slides-exports.pdf.

Étapes d'exportation des clics

Disponible depuis v0.21

Par défaut, Slide export une page par diapositive avec les animations de clics désactivées. Si vous souhaitez exporter des diapositives avec plusieurs étapes dans plusieurs pages, passez l'option --with-clicks.

$ slidev export --with-clicks

PNGs

En passant l'option --format png, Slidev exportera des images PNG pour chaque diapositive au lieu d'un PDF.

$ slidev export --format png

Single-Page Application (SPA)

Vous pouvez également créer les diapositives dans un SPA auto-hébergeable :

$ slidev build

L'application générée sera disponible sous dist/ et vous pourrez ensuite l'héberger sur Pages GitHub, Netlify, Vercel, ou ce que vous voulez. Vous pouvez désormais partager vos diapositives avec le reste du monde avec un seul lien.

Chemin de base

Pour déployer vos diapositives sous des sous-itinéraires, vous devrez passer l'option --base. Par exemple :

$ slidev build --base /talks/my-cool-talk/

Reportez-vous à la documentation de Vite pour plus de détails.

Fournir un PDF téléchargeable

Vous pouvez fournir un PDF téléchargeable aux téléspectateurs de votre SPA. Vous pouvez l'activer avec la configuration suivante :

---
download: true
---

Maintenant, Slidev générera un fichier pdf avec la construction et un bouton de téléchargement apparaîtra dans le SPA.

Vous pouvez également fournir une URL personnalisée au PDF. Dans ce cas, le processus de rendu sera ignoré.

---
download: 'https://myside.com/my-talk.pdf'
---

Exemples

Voici quelques exemples du SPA exporté :