Markdown-Syntax: der Spickzettel

Die ganze Markdown-Syntax auf einer Seite – die Grundlagen der ursprünglichen Spezifikation, die GitHub-Flavored-Erweiterungen und die Extras moderner Dokumentation. Kopiere ein beliebiges Beispiel in den Editor, um es live gerendert zu sehen.

Im Editor ausprobieren

Kostenlos · keine Anmeldung · läuft im Browser, nichts wird hochgeladen

Markdown Viewer in geteilter Ansicht: Markdown-Quelltext links, gerenderte Vorschau im GitHub-Stil rechts — Geteilte Ansicht – Quelltext und gerenderte Vorschau nebeneinander, zeilengenau synchron scrollend.

Grundsyntax

Markdown	Ergebnis	Hinweise
`# Überschrift 1`	Überschrift 1	Bis zu sechs Ebenen: `######`
`## Überschrift 2`	Überschrift 2	Nach `#` ist ein Leerzeichen nötig
`fett`	fett	oder `__fett__`
`kursiv`	kursiv	oder `_kursiv_`
`*fett kursiv*`	*fett kursiv*
`~~durchgestrichen~~`	~~durchgestrichen~~	GFM
`Inline-Code`	`Inline-Code`	Doppelte Backticks, um einen Backtick einzuschließen
`> Zitat`	Zitat	Verschachteln mit `> >`
`---`		Trennlinie; auch `***`
`Zeile eins\`	Zeilenumbruch	Ein Backslash am Ende oder zwei Leerzeichen erzwingen ein `<br>`
`\nicht kursiv\`	nicht kursiv	Backslash maskiert jedes Satzzeichen

Links und Bilder

Markdown	Ergebnis	Hinweise
`[Text](https://example.com)`	Text	Inline-Link
`[Text](https://example.com "Titel")`	Text	Optionaler Titel, beim Überfahren sichtbar
`<https://example.com>`	https://example.com	Autolink; nackte URLs werden in GFM ebenfalls verlinkt
`[Text][ref] … [ref]: https://example.com`	Text	Referenz-Link, irgendwo definiert
`[Überschrift 2](#überschrift-2)`	Überschrift 2	Anker: Kleinbuchstaben, Leerzeichen → Bindestriche
`![Alternativtext](image.png)`	ein Bild	`"Titel"` nach der URL ergibt einen Tooltip
`[![alt](img.png)](https://link)`	ein anklickbares Bild	Bild innerhalb eines Links

Listen

Markdown	Ergebnis	Hinweise
`- Punkt - Punkt`	Punkt Punkt	`*` und `+` gehen auch
`1. erstens 2. zweitens`	erstens zweitens	Die Zahlen müssen nicht fortlaufend sein
`- Punkt - verschachtelt`	Punkt verschachtelt	2–4 Leerzeichen einrücken zum Verschachteln
`- [ ] offen - [x] erledigt`	☐ offen ☑ erledigt	Aufgabenliste (GFM)
`1. Schritt Absatz`	ein Listenpunkt mit zwei Absätzen	Folgezeilen bis zum Text einrücken

Setze eine Leerzeile vor eine Liste, die auf einen Absatz folgt, sonst behandeln manche Renderer sie als Teil des Absatzes.

Tabellen

| Links | Mitte | Rechts |
| :--- | :----: | ----: |
| a    |   b    |     c |

Links	Mitte	Rechts
a	b	c

Die Trennzeile legt die Ausrichtung mit Doppelpunkten fest. Zellen können Inline-Formatierung, Links und Code enthalten; \| ergibt einen wörtlichen senkrechten Strich. Die äußeren Striche sind optional.

Codeblöcke

```javascript
const answer = 42;
```

Drei Backticks (oder Tilden) öffnen und schließen einen eingezäunten Block; das Wort nach dem öffnenden Zaun legt die Sprache für die Syntaxhervorhebung fest – js, python, bash, json, yaml, diff, sql und über 50 weitere. Ein um vier Leerzeichen eingerückter Block ergibt ebenfalls einen Codeblock, aber Zäune sind klarer und erlauben eine Sprache. Um Backticks in einem Block zu zeigen, nimm einen längeren Zaun (vier Backticks).

GitHub-Flavored-Extras

Markdown	Ergebnis	Hinweise
`> [!NOTE]`	ⓘ Note-Hinweiskasten	Auch `TIP`, `IMPORTANT`, `WARNING`, `CAUTION`
`Text[^1] … [^1]: Die Anmerkung.`	Text¹ mit der Anmerkung am Ende	Fußnoten
`:rocket: :sparkles:`	🚀 ✨	Emoji-Kürzel
`<details><summary>Mehr</summary>…</details>`	ein aufklappbarer Abschnitt	Inline-HTML; vor dem inneren Markdown eine Leerzeile lassen
`<kbd>Strg</kbd>+<kbd>C</kbd>`	`Strg`+`C`	Tastaturtasten
`[[toc]]`	ein Inhaltsverzeichnis	Aus den Überschriften erzeugt (dieser Viewer)
`--- title: Doc ---`	Frontmatter	YAML-Metadaten ganz am Anfang der Datei

Formeln und Diagramme

Markdown	Ergebnis	Hinweise
$E = mc^2$	Inline-Formel	KaTeX-/LaTeX-Syntax
`$$ \int_0^1 x^2\,dx $$`	eine zentrierte abgesetzte Formel	In eigenen Zeilen
```mermaid flowchart LR A --> B ```	ein Flussdiagramm	Mermaid: flowchart, sequence, class, state, gantt, pie…

Formeln und Mermaid gehören nicht zum Markdown-Standard, werden aber von diesem Viewer, GitHub (Mermaid und Formeln), Obsidian, Typora und den meisten Dokumentationswerkzeugen unterstützt. Jeder Mermaid-Diagrammtyp, den dieser Viewer zeichnet, steht auf der Seite Mermaid Live Editor.

In Aktion

Note-, Important-, Warning- und Caution-Hinweise im GitHub-Stil, ein Zitat und ein aufklappbarer details-Abschnitt im Theme GitHub Dark — Hinweise im GitHub-Stil, Zitate und aufklappbare <details>-Abschnitte, in GitHub Dark.

KaTeX-Formel im Display-Modus und ein Mermaid-Flussdiagramm, gerendert in der Vorschau — KaTeX-Formeln und Mermaid-Flussdiagramme werden direkt im Dokument gerendert.

Syntaxhervorgehobene TypeScript-, Python-, Bash- und diff-Codeblöcke mit Sprachlabels und Kopierbuttons — Codeblöcke bekommen ein Sprachlabel, Syntaxhervorhebung für über 50 Sprachen und einen Kopierbutton – hier das Theme One Dark.

Häufige Fragen

Was ist Markdown?

Eine leichtgewichtige Auszeichnungssprache, die John Gruber 2004 entwickelt hat. Reintext-Symbole wie # und ** beschreiben die Formatierung, und ein Renderer wandelt den Text in HTML um. Sie wird für READMEs, Dokumentation, Notizen, Chatnachrichten und Ausgaben von KI-Assistenten verwendet.

Was ist GitHub-Flavored Markdown (GFM)?

GitHubs Erweiterung der CommonMark-Spezifikation um Tabellen, Aufgabenlisten, Durchgestrichenes, Autolinks und Hinweise. Sie ist der De-facto-Standard für Entwicklerdokumentation und das, was dieser Viewer rendert.

Wie mache ich einen Zeilenumbruch ohne neuen Absatz?

Beende die Zeile mit einem Backslash oder mit zwei Leerzeichen. Eine Leerzeile beginnt dagegen einen neuen Absatz.

Wie maskiere ich Sonderzeichen?

Setze einen Backslash davor: \* \_ \# \` \| \[ \]. In Code-Spans und Codeblöcken muss nichts maskiert werden.

Wie füge ich ein Inhaltsverzeichnis ein?

Schreibe in diesem Viewer [[toc]] in eine eigene Zeile, oder verlinke Überschriften manuell mit [Abschnitt](#abschnittsname).

Kann ich diese Beispiele ausprobieren?

Ja – öffne den Editor, füge ein Beispiel ein und sieh dir die Live-Vorschau an. Das Beispieldokument zeigt ebenfalls jede Syntax dieser Seite.

Bereit, wenn du es bist

Markdown einfügen, eine Datei ablegen oder eine URL öffnen – die Vorschau erscheint sofort und alles bleibt auf deinem Gerät.

Markdown Viewer öffnen