Markdown-Styling
Beispiel für Überschriften
Hier ein Beispiel für Überschriften. Du kannst sie mit den folgenden Markdown-Regeln erstellen. Zum Beispiel: # für Überschrift 1 und ###### für Überschrift 6.
Überschrift 1
Überschrift 2
Überschrift 3
Überschrift 4
Überschrift 5
Überschrift 6
Hervorhebung
Betonung, also Kursiv, mit Sternchen oder Unterstrichen.
Starke Betonung, also Fett, mit Sternchen oder Unterstrichen.
Kombinierte Betonung mit Sternchen und Unterstrichen.
Durchstreichen verwendet zwei Tilden. Streich das.
Links
Es gibt viele verschiedene Möglichkeiten, Links in Markdown zu erstellen:
# Grundlegende Links[Einfacher Link](https://example.com)[Link mit Titel](https://example.com "Fahr über mich!")[Link mit Hervorhebung *kursiv*](https://example.com)[Link mit **fett**](https://example.com)
# Referenz-Links[Referenz-Link][1][Referenz-Link mit Namen][website][Reiner Referenz-Link][]
[1]: https://example.com[website]: https://example.com "Optionaler Titel"[Reiner Referenz-Link]: https://example.com
# URL und E-Mailhttps://example.comSo sehen sie gerendert aus:
Absatz
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam nihil enim maxime corporis cumque totam aliquid nam sint inventore optio modi neque laborum officiis necessitatibus, facilis placeat pariatur! Voluptatem, sed harum pariatur adipisci voluptates voluptatum cumque, porro sint minima similique magni perferendis fuga! Optio vel ipsum excepturi tempore reiciendis id quidem? Vel in, doloribus debitis nesciunt fugit sequi magnam accusantium modi neque quis, vitae velit, pariatur harum autem a! Velit impedit atque maiores animi possimus asperiores natus repellendus excepturi sint architecto eligendi non, omnis nihil. Facilis, doloremque illum. Fugit optio laborum minus debitis natus illo perspiciatis corporis voluptatum rerum laboriosam.
Nummerierte Liste
-
Listenpunkt
-
Listenpunkt
-
Listenpunkt
-
Listenpunkt
-
Listenpunkt
Unsortierte Liste
-
Listenpunkt
-
Listenpunkt
-
Listenpunkt
-
Listenpunkt
-
Listenpunkt
Code und Syntax-Highlighting
Dies ist ein Beispiel für Inline-Code.
var s = "JavaScript-Syntax-Highlighting";alert(s);s = "Python-Syntax-Highlighting"print sBlockzitat
Dies ist ein Beispiel für ein Blockzitat.
Tabellen
| Markdown | Less | Schön |
|---|---|---|
| Rendert | trotzdem | prima |
| 1 | 2 | 3 |
Zwischen den Kopfzellen müssen mindestens drei Bindestriche stehen. Die äußeren Pipes (|) sind optional, und du musst das rohe Markdown nicht sauber ausrichten. Du kannst auch Inline-Markdown verwenden.
Hinweisboxen
Hinweisboxen (Admonitions) sind besondere Callout-Boxen, um wichtige Informationen hervorzuheben. Du kannst damit Tipps, Warnungen, Vorsichtshinweise oder Zusatzinfos bereitstellen.
<Aside variant="info">Dein Text hier</Aside>Tip
Hinweisbox variant="tip". Verwende sie für einen coolen Tipp oder eine hilfreiche Empfehlung.
Caution
Hinweisbox variant="caution". Verwende sie, um vor möglichen Problemen zu warnen oder auf Stolperfallen hinzuweisen.
Danger
Hinweisbox variant="danger". Verwende sie, um davon abzuraten, etwas zu tun, oder um kritische Warnungen hervorzuheben.
Info
Hinweisbox variant="info". Verwende sie für zusätzliche Informationen, Kontext oder hilfreiche Details.
Details und Summary
Details-Elemente eignen sich hervorragend für ausklappbare Abschnitte:
Einfaches Beispiel
Das ist ein einfaches Details-Element mit reinem Textinhalt.
Mit Markdown in der Zusammenfassung
Du kannst in den Details Markdown verwenden:
- Listenpunkt 1
- Listenpunkt 2
// Auch Codeblöcke funktionierenconst x = "Hallo Welt";🔍 Typischer Anwendungsfall: API-Antwort
{ "status": "success", "data": { "id": 123, "name": "Beispiel" }}💡 Implementierungshinweise
Wichtig: Achte darauf, nach dem Summary-Tag eine Leerzeile einzufügen, wenn du in den Details Markdown verwendest.
Das stellt sicher, dass Markdown korrekt geparst wird.