Exportieren

PDF

Exportieren in PDF oder PNGs benötigt Playwright zum rendern. Dafür muss playwright-chromium installiert sein. Falls das exportiren in einer CI Umgebung passiert, kann der playright CI Guide hilfreich sein.

Installiere playwright-chromium

$ npm i -D playwright-chromium

Jetzt kann die Präsentation in PDF mit folgenden Befehl exportiert werden:

$ slidev export

Nach ein paar Sekunden wird die fertige Präsentation unter ./slides-exports.pdf erscheinen.

Animationsschritte exportieren

Verfügbar seit v0.21

Standardmäßig exportiert Slidev Präsentationen mit einer Seite pro Folie und deaktivierten Klick-Animationen. Wenn die Präsentation mit mehreren Schritten pro Folien exportiert werden soll, muss die --with-clicks Option übergeben werden.

$ slidev export --with-clicks

PNGs

Wenn die Option --format png überreicht wird, exportiert Slidev PNG Bilder für jeden Folie der Präsentation anstatt einer PDF.

$ slidev export --format png

Single-Page Application (SPA)

Slidev Präsentationen können auch in eine selbst-hostbare SPA exportiert werden:

$ slidev build

Die generierte Applikation befindet sich unter dist/ und kann auf GitHub Pages, Netlify, Vercel, oder wo auch immer man will gehosted werden. Jetzt kann man die Präsentation mit der ganzen Welt in nur einem Link teilen.

Basispfad

Wenn die SPA auf Unterouten gehosted werden soll, muss die Option --base mit einem Pfad überreicht werden:

$ slidev build --base /präsentationen/meine-coole-präsentation/

Mehr Details gibt es auf der Vite Dokumentation.

Herunterladbare PDF bereitstellen

Man kann eine herunterladbare PDF für die Zuschauer der SPA bereitstellen. Mit der folgenden konfiguration wird diese Funktion aktiviert:

---
download: true
---

Jetzt generiert Slidev eine PDF mit der SPA und ein Herunterladen-Button erscheint in der SPA.

Man kann eine eigene URL zum herunterladen der PDF angeben. In diesem Fall wird das Generieren der PDF übersprungen.

---
download: "https://meineseite.com/meine-präsentation.pdf"
---

Beispiele

Hier sind ein paar Beispiele einer exportieren SPA:

Mehr Infos: Statisches Hosting.