Markdown-Syntaxleitfaden
Ein klarer Spickzettel für den Markdown-Alltag. Jeder Block zeigt die Syntax und das Ergebnis, das du bekommst.
Was ist Markdown?
Markdown ist eine schlanke Möglichkeit, reinen Text zu formatieren. Statt Schaltflächen und Menüs verwendest du ein paar einfache Zeichen, wie # für eine Überschrift oder * für Betonung, die auch als reiner Text lesbar bleiben.
2004 von John Gruber und Aaron Swartz geschaffen, ist es zum Standard für READMEs, Dokumentation, Notizen und Seiten wie GitHub und Reddit geworden. Weil es einfach nur Text ist, bleibt dein Text überall portabel und lesbar.
Dieser Leitfaden deckt die Syntax ab, die du am häufigsten brauchst. Öffne jedes Beispiel in Markdown Peek und drücke die Leertaste, um zwischen Quelltext und dargestelltem Ergebnis zu wechseln.
Überschriften
Beginne eine Zeile mit ein bis sechs #-Zeichen. Mehr Rauten bedeuten eine kleinere, tiefere Überschrift.
Markdown
# Heading 1 ## Heading 2 ### Heading 3 #### Heading 4
Ergebnis
Heading 1
Heading 2
Heading 3
Heading 4
Fett, kursiv und mehr
Umschließe Text mit Zeichen, um ihn zu betonen. Kombiniere sie frei.
Markdown
**Bold text** *Italic text* ***Bold and italic*** ~~Strikethrough~~ `Inline code`
Ergebnis
Bold text
Italic text
Bold and italic
Strikethrough
Inline code
Listen
Verwende einen Bindestrich, Stern oder ein Pluszeichen für Aufzählungen und Zahlen für nummerierte Listen. Einrücken zum Verschachteln.
Markdown
- First item - Second item - Nested item - Third item 1. Step one 2. Step two
Ergebnis
- First item
- Second item
- Nested item
- Third item
- Step one
- Step two
Links
Setze den sichtbaren Text in eckige Klammern und die Adresse in runde Klammern.
Markdown
[Markdown Peek](https://markdownpeek.com) <https://markdownpeek.com>
Bilder
Ein Bild ist ein Link mit vorangestelltem Ausrufezeichen. Der Text in eckigen Klammern ist der Alternativtext.
Markdown

Ergebnis

Zitate
Beginne eine Zeile mit > um sie zu zitieren. Füge ein weiteres > hinzu, um ein Zitat in einem Zitat zu verschachteln.
Markdown
> A quote worth remembering. > > > And a nested one.
Ergebnis
A quote worth remembering.
And a nested one.
Code
Umschließe Inline-Code mit einfachen Backticks und ganze Blöcke mit dreifachen Backticks, mit optionalem Sprachnamen.
Markdown
Use `backticks` for inline code.
```js
function hi() {
console.log("Hello");
}
```Ergebnis
Use backticks for inline code.
function hi() {
console.log("Hello");
}Tabellen
Trenne Spalten mit senkrechten Strichen und unterstreiche die Kopfzeile mit Bindestrichen. Doppelpunkte legen die Ausrichtung fest.
Markdown
| Feature | Supported | |---------|:---------:| | Tables | Yes | | Code | Yes |
Ergebnis
| Feature | Supported |
|---|---|
| Tables | Yes |
| Code | Yes |
Horizontale Linien
Drei oder mehr Bindestriche, Sterne oder Unterstriche allein auf einer Zeile zeichnen eine Trennlinie.
Markdown
Above the line. --- Below the line.
Ergebnis
Above the line.
Below the line.
Aufgabenlisten
Ein Listeneintrag mit [ ] ist eine offene Aufgabe, [x] eine erledigte.
Markdown
- [x] Read the guide - [ ] Set as default app
Ergebnis
- Read the guide
- Set as default app
Zeichen maskieren
Setze einen Backslash vor ein Zeichen, um es wörtlich statt als Formatierung anzuzeigen.
Markdown
\*Not italic\* \# Not a heading
Ergebnis
*Not italic*
# Not a heading
Mathematik mit LaTeX
Umschließe LaTeX mit einfachen Dollarzeichen für Mathematik im Satz, oder mit doppelten Dollarzeichen für eine Formel auf eigener Zeile. Markdown Peek stellt beides dar, offline.
Markdown
Inline math like $E = mc^2$ works in a sentence. $$ a^2 + b^2 = c^2 $$
Ergebnis
Inline math like E = mc2 works in a sentence.
a2 + b2 = c2
Diagramme mit Mermaid
Öffne einen eingezäunten Codeblock mit mermaid und beschreibe ein Flussdiagramm oder Sequenzdiagramm in reinem Text. Markdown Peek zeichnet es für dich, im hellen oder dunklen Design.
Markdown
```mermaid flowchart LR A[Write] --> B[Preview] B --> C[Share] ```
Ergebnis