Marp


Präsentationen mit Markdown und VSCode

Mit Marp lassen sich Präsentationen in Markdown schreiben und innerhalb VSCode in PDF-Präsentationen umwandeln.
Download: Marp for VS Code

Header

---
marp: true
theme: gaia 
transition: fade
size: 4:3 oder 16:9
color: #000
backgroundColor: #fff
backgroundImage: url('bg_praesentation.jpg')
paginate: true
header: Titelzeile
footer: Fußzeile
headingDivider: 1
author: Name
title: Titel der Arbeit
---

Header-Einstellungen

theme

  • default
  • gaia
  • uncover

Invertieren: _class: invert

transition

33 verschiedene Übergänge der Folien. Built-in transitions

size

  • 4:3 (960x720)
  • 16:9 (1280x720)
  • 4k (3840x2160)

Farben

  • color: #000 (Schriftfarbe)
  • backgroundColor: #fff (Hintergrundfarbe)

Seitennummerierung

Im Header paginate: true eintragen

Wenn auch die Gesamtseitenzahl erscheinen soll, wird nach dem Header folgendes eingetragen:

<style>
section::after {content: attr(data-marpit-pagination) '/' attr(data-marpit-pagination-total);}
</style>

headingDivider

Mit headingDivider werden die Folien ab dem eingegebenen Überschriftslevel getrennt. Dadurch braucht man keine —, um die Folien zu trennen und kann die Datei leichter in ein TExtdokument übersetzen.

  • headingDivider: 1

Schriften

<style> 
h1 { 
    font-family: Roboto Condensed; 
    }
    { font-family: Roboto Condensed; 
    } 
</style>

Bilder

![](image.jpg)

Bildgröße angeben (entweder nur Breite/nur Höhe, oder auch beide Angaben)

![w:100px h:100px](logo.jpg)

Hintergrundbild

![bg](bild.jpg)
![bg left](bild.jpg)
![bg right](bild.jpg)
![bg left:33%](bild.jpg))

Listen

Wenn eine Liste mit * beginnt, werden die Einträge nacheinander angezeigt. Wenn sie mit + oder - beginnen, erscheint die Liste auf einmal.

Formeln

Mathematische Formeln werden zwischen jeweils zwei Dollarzeichen geschrieben. Der Formelsatz erfolgt mittels LaTeX-Code .

$$ax^2+bc+c$$

ergibt $$ax^2+bc+c$$

Kommentare

<!-- Kommentare, die nur in der Redner-Ansicht dargestellt werden --> 

eigenes Theme

Für ein eigenes Theme wird zunächst ein Ordner angelegt. In diesem Ordner sollte sich dann die Quelldatei der Präsentation und folgende weitere Dateien befinden:

meintheme.css mit den Inhalt

/* @theme meintheme */
section {
    width: 1280px;
    height: 365px;
    text-align: center;
    font-size: 40px;
    font-family: Roboto Condensed;
    color: white;
    background: black;
}

ein Ordner .vscode mit der Datei settings.json mit dem Inhalt

{
    "markdown.marp.themes": [
        "./meintheme.css"
    ]
}

Dann kann das eigene Theme mit dem Namen meintheme im Header aufgerufen werden.

Damit das Theme auch erkannt wird, muss die Präsentationsdatei über Datei/Ordner geöffnet werden.

Links

aktualisiert am 8.2.2024