Deutsch
Markdown mit Live-Vorschau im geteilten Bildschirm schreiben.
Zuletzt aktualisiert
Ein Markdown-Editor ist eine zweigeteilte Schreibumgebung: links tippst du Markdown im Klartext, rechts aktualisiert sich live die gerenderte Vorschau. Genau dieses Format steckt hinter README-Dateien auf GitHub, Doku-Portalen, Static-Site-Generatoren, Blog-Plattformen, Notiz-Apps wie Obsidian und Chat-Tools wie Discord oder Slack.
Der ganze Sinn von Markdown: Im Klartext schon gut lesbar sein und beim Rendern zu strukturiertem HTML werden. Du verlierst keine Zeit mehr mit Formatierungs-Toolbars und kannst dich aufs Schreiben konzentrieren — genau deshalb greifen technische Autorinnen und Entwickler so gern dazu.
Die meisten modernen Markdown-Editoren unterstützen *GitHub-Flavored Markdown* (GFM). Das ergänzt die ursprüngliche CommonMark-Spezifikation um Tabellen, Task-Listen, Code-Fences mit Sprach-Hint, Autolinks und Durchgestrichenes.
, python ) lösen in vielen Renderern Syntax-Highlighting aus.# für Überschriften, * oder _ für Hervorhebungen, - für Listen. Die rechte Seite aktualisiert sich beim Tippen.
Setze Überschriften, Code-Fences und Tabellen ein, um das Dokument zu gliedern. Die meisten Editoren haben Tastenkürzel (Ctrl+B, Ctrl+I) für die gängigen Formatierungen.
Vergleich die Live-Vorschau mit der Quelle. Wenn etwas nicht so aussieht wie erwartet, fehlt im Quelltext meist eine Leerzeile oder ein Code-Fence ist nicht sauber geschlossen.
Kopier den Markdown-Quelltext in dein README oder das HTML in eine E-Mail, ein CMS oder überall dorthin, wo Markdown nicht verstanden wird.
Die 80 % Markdown, die du täglich brauchst. Alles andere ist eine Google-Suche entfernt. Specs: CommonMark und GitHub-Flavored Markdown.
| Element | Markdown | Wird zu |
|---|---|---|
| Überschrift 1 | # Titel | Hauptüberschrift |
| Überschrift 2 | ## Abschnitt | Abschnittsüberschrift |
| Fett | **strong** | **strong** |
| Kursiv | *emphasis* oder _emphasis_ | *emphasis* |
| Inline-Code | code | code |
| Code-Block | Code in einen Triple-Backtick-Fence packen, optional mit Sprach-Hint | Block mit Syntax-Highlighting |
| Link | `label` | Anklickbarer Link |
| Bild | `!alt` | Eingebettetes Bild |
| Liste | - item | Aufzählungsliste |
| Nummerierte Liste | 1. item | Nummerierte Liste |
| Task-Liste (GFM) | - [x] erledigt | Angehakte Checkbox |
| Tabelle (GFM) | | a | b |\n|---|---|\n| 1 | 2 | | Zwei-Spalten-Tabelle |
| Zitat | > Zitat | Eingerücktes Zitat |
# Project Name
A short description in one or two sentences.
## Install
```bashnpm install project-name```
## Quick start
- Step 1- Step 2- Step 3Überschrift, kurzer Absatz, Installations-Befehl im Code-Fence und eine Aufzählung — das ist das Rückgrat jedes brauchbaren README.
| Feature | Free | Pro ||---------|:----:|:---:|| Editor | ✓ | ✓ || Export | | ✓ |Pipes (|) trennen die Spalten. Die Bindestrich-Zeile richtet die Spalten aus, mit : legst du die Ausrichtung fest (links, zentriert, rechts). GFM-Tabellen brauchen keine pixelgenauen Spaltenbreiten — entscheidend ist nur die Struktur.
- [x] Draft the post- [x] Add screenshots- [ ] PublishGitHub rendert das in Issues und Pull Requests als interaktive Checkboxen. Praktisch für Checklisten innerhalb des Dokuments und leichtgewichtiges Projekt-Tracking.
# heading, **bold**, `link`) in formatiertes HTML umwandelt. Sie ist so gebaut, dass schon der Quelltext gut lesbar ist.marked, markdown-it oder pandoc. Die meisten Static-Site-Generatoren erledigen das automatisch beim Build.