Anpassungen
Slidev ist vollständig anpassbar, vom Styling bis zur Tools-konfiguration. Slidev ermöglicht darunter liegende Tools zu konfigurieren (Vite, Windi CSS, Monaco, etc.)
Frontmatter Konfigurationen
Slidev kann im Frontmatterblock der ersten Folie konfiguriert werden. Folgende Liste zeigt die Standartwerte:
---
# theme-id oder package name
# Mehr unter: https://sli.dev/themes/use.html
theme: 'default'
# Titel der Folie (wird automatisch aus der ersten Überschrift abgeleitet, wenn nicht angegeben)
title: 'Slidev'
# titleTemplate für die Webseite, `%s` wird mit dem Folientitel ersetzt
titleTemplate: '%s - Slidev'
# information for your slides, can be a markdown string
info: false
# erlaube das Herunterladen einer PDF aus der SPA, kann auch ein eigener URL sein
download: false
# Präsentationsmodus aktivieren, kann boolean, 'dev' oder 'build' sein
presenter: true
# Dateiname der exportierten Datei
exportFilename: 'slidev-exported.pdf'
# Syntaxhervorheber, entweder 'prism' oder 'shiki'
highlighter: 'prism'
# Zeilennummern in Codeblöcken anzeigen
lineNumbers: false
# Monaco-Editor aktivieren, standardmäßig nur dev
monaco: 'dev'
# Remote-Assets lokal mit vite-plugin-remote-assets herunterladen, kann ein boolean, 'dev' oder 'build' sein
remoteAssets: false
# gibt an, ob Text in den Folien auswählbar ist
selectable: true
# Folienaufzeichnung aktivieren, kann ein boolean, 'dev' oder 'build' sein
record: 'dev'
# Farbschema für die Folien erzwingen, kann 'auto', 'light' oder 'dark' sein
colorSchema: 'auto'
# Router-Modus für Vue-Router, entweder "history" oder "hash"
routerMode: 'history'
# Seitenverhältnis der Folien
aspectRatio: '16/9'
# tatsächliche Breite des Canvases (Einheit in px)
canvasWidth: 980
# passe Theme Designs an, fügt Root-Styles `--slidev-theme-x` für das Attribut `x` ein
themeConfig:
primary: '#5d8392'
# favicon: Kann ein lokaler Pfad oder eine URL sein.
favicon: 'https://cdn.jsdelivr.net/gh/slidevjs/slidev/assets/favicon.png'
# URL von einem PlantUML Server, der zum render von Diagrammen genutzt werden soll
plantUmlServer: 'https://www.plantuml.com/plantuml'
# Schriften werden automatisch von Google Fonts importiert
# Erfahre mehr: https://de.sli.dev/custom/fonts
fonts:
sans: 'Roboto'
serif: 'Roboto Slab'
mono: 'Fira Code'
# Standard-Frontmatter, gilt für alle Folien
defaults:
layout: 'default'
# ...
# Zeichnungsoptionen
# Mehr Informationen: https://sli.dev/guide/drawing.html
drawings:
enabled: true
persist: false
presenterOnly: false
syncAll: true
---
Weitere Informationen sind in den Typdefinitionen zu finden.
Ordner Struktur
Slidev nutzt Ordner-Struktur-Konventionen, um die Konfigurationsoberfläche minimal zu halten und Erweiterungen flexibel und intuitiv zu gestalten.
Siehe Abschnitt Ordner Struktur.