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.


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-Mail
https://example.com

So sehen sie gerendert aus:

Einfacher Link

Link mit Titel

Link mit Hervorhebung kursiv

Link mit fett

Referenz-Link

Referenz-Link mit Namen

Reiner Referenz-Link

https://example.com

[email protected]


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

  1. Listenpunkt

  2. Listenpunkt

  3. Listenpunkt

  4. Listenpunkt

  5. 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 s

Blockzitat

Dies ist ein Beispiel für ein Blockzitat.


Tabellen

MarkdownLessSchön
Renderttrotzdemprima
123

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 funktionieren
const 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.

AI-Assistent

Hallo! Fragen Sie mich alles über die Dokumentation.

Kostenlos mit Brevo starten