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.