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:

---
# themen-id oder package name
theme: 'default'
# Titel der Folie (wird automatisch aus der ersten Überschrift abgeleitet, wenn nicht angegeben)
title: ''
# titleTemplate für die Webseite, `%s` wird mit dem Folientitel ersetzt
titleTemplate: '%s - Slidev'

# erlaube das Herunterladen einer PDF aus der SPA, kann auch ein eigener URL sein
download: true
# Syntaxhervorheber, entweder 'prism' oder 'shiki'
highlighter: 'prism'
# Monaco-Editor aktivieren, standardmäßig nur dev
monaco: 'dev'
# Zeilennummern in Codeblöcken anzeigen
lineNumbers: false

# 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

# Schriften werden automatisch von Google Fonts importiert
# Erfahre mehr: https://sli.dev/custom/fonts
fonts:
  sans: 'Roboto'
  serif: 'Roboto Slab'
  mono: 'Fira Code'

# Standard-Frontmatter, gilt für alle Folien
defaults:
  layout: 'default'
  # ...

# Informationen für die Folien (Markdown string möglich)
info: |
  ## Slidev
  My first [Slidev](http://sli.dev/) presentations!
---

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.

Tools Konfigurieren