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
  1. Step one
  2. 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

![A cat looking up](cat.jpg)

Ergebnis

A cat looking up

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

FeatureSupported
TablesYes
CodeYes

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

WritePreviewShare

Markdown wunderschön auf deinem Mac lesen

Markdown Peek stellt jede .md-Datei im klaren GitHub-Stil dar, mit Quick Look im Finder und Speichern als PDF. Kostenlos im Mac App Store.

Markdown Peek im Mac App Store laden
Markdown Peek im Mac App Store laden