Zum Hauptinhalt springen

Markdown Cheat Sheet

Dieses Markdown Cheat Sheet bietet eine umfassende Anleitung zu den Grundlagen von Markdown, einschließlich Tipps und Tricks zum Formatieren von Text, Erstellen von Links und vielem mehr.

Weitere Informationen über Markdown findest du unter www.markdownguide.org

Headers

Um Überschriften zu erstellen, verwende das Symbol #, gefolgt von einem Leerzeichen und dem Überschriftentext. Die Anzahl der #-Symbole gibt die Überschriftsebene an, wobei ein # die größte und sechs #-Symbole die kleinste Überschrift darstellen.

# Das ist ein <h1> Tag

## Das ist ein <h2> Tag

### Das ist ein <h3> Tag

#### Das ist ein <h4> Tag

##### Das ist ein <h5> Tag

###### Das ist ein <h6> Tag

Das ist ein \<h1> Tag

Das ist ein \<h2> Tag

Das ist ein \<h3> Tag

Das ist ein \<h4> Tag

Das ist ein \<h5> Tag
Das ist ein \<h6> Tag

Kommentar

[//]: # (Dies ist ein nicht sichtbarer Kommentar)

Hervorhebung

Um Text hervorzuheben, kannst du entweder * oder _ verwenden, um den Text, den du hervorheben möchtest, einzuschließen. Um kursiven Text zu erzeugen, verwende ein einzelnes oder Symbol auf beiden Seiten des Textes. Um fetten Text zu erzeugen, verwende zwei Symbole `oder_` auf beiden Seiten des Textes.

*Dieser Text wird kursiv gedruckt*.
_Dieser Text wird ebenfalls kursiv dargestellt._

**Dieser Text wird fett sein**
__Dieser Text wird ebenfalls fett gedruckt.__

~~Dieser Text wird durchgestrichen.~~

_Du **kannst** sie Kombinieren_

***Der gesamte Text ist fett und kursiv gedruckt.***

Dieser Text wird kursiv gedruckt. Dieser Text wird ebenfalls kursiv dargestellt.

Dieser Text wird fett sein Dieser Text wird ebenfalls fett gedruckt.

Dieser Text wird durchgestrichen.

Du kannst sie Kombinieren

Der gesamte Text ist fett und kursiv gedruckt.

Listen

Um eine Aufzählung zu erstellen, verwende das Symbol - oder *, gefolgt von einem Leerzeichen und dem Text des Listenelements.

Ungeordnete

* Punkt 1
* Punkt 2
* Punkt 2a
* Punkt 2b
  • Punkt 1
  • Punkt 2
    • Punkt 2a
    • Punkt 2b
- Punkt 1
- Punkt 2
- Punkt 2a
- Punkt 2b
  • Punkt 1
  • Punkt 2
    • Punkt 2a
    • Punkt 2b

Geordnet

1. Punkt 1
1. Punkt 2
1. Punkt 3
1. Punkt 3a
1. Punkt 3b
  1. Punkt 1
  2. Punkt 2
  3. Punkt 3
    1. Punkt 3a
    2. Punkt 3b

Bilder

Um ein Bild in ein Dokument einzufügen, verwende die Syntax ![image alt text](image URL).

Format:  ![Alt Text](url)
Beispiel: ![Datenschmutz Logo](@site/static/img/dmz-logo-main-350x-border.png)

Datenschmutz Logo

Um einen Link zu erstellen, verwende einfach die Syntax [Linktext](Link-URL).

https://docsdatenschmutz.dev - automatisch!

https://docs.datenschmutz.dev - automatisch!

Format:  [Text](url)
Beispiel: [Docs](https://docs.datenschmutz.dev)

Docs

Blockzitate

To create a blockquote, use the > symbol followed by a space and the quote text.

> Das Leben ist wie Fahrradfahren.
> Um das Gleichgewicht zu halten, muss man in Bewegung bleiben.

Albert Einstein

Das Leben ist wie Fahrradfahren. Um das Gleichgewicht zu halten, muss man in Bewegung bleiben.

Albert Einstein

Blockzitate können verschachtelt werden.

> Dorothy folgte ihr durch viele der schönen Räume in ihrem Schloss.
>
>> Die Hexe befahl ihr, die Töpfe und Kessel zu reinigen, den Boden zu fegen und das Feuer mit Holz zu versorgen.

Dorothy folgte ihr durch viele der schönen Räume in ihrem Schloss.

Die Hexe befahl ihr, die Töpfe und Kessel zu reinigen, den Boden zu fegen und das Feuer mit Holz zu versorgen.

Abtrennungs Striche

Horizontale Regeln können mit drei oder mehr Sternchen (***), Bindestrichen (---) oder Unterstrichen (___) in einer Zeile erstellt werden.

*** 
----
______



Code blöcke (Inline code)

Um einen Codeblock zu erstellen, schließe den Code in Backticks (`) ein. Um einen Codeblock zu erstellen, der sich über mehrere Zeilen erstreckt, schließe den Code in drei Backticks (`) auf jeder Seite ein.

Ich denke, du solltest hier stattdessen ein `<addr>`-Element verwenden.

Ich denke, du solltest hier stattdessen ein <addr>-Element verwenden.

Keine Hervorhebung

```
if (isAwesome){
return true
}
```
if (isAwesome) {
return true
}

Hervorhebung

```javascript 
if (isAwesome){
return true
}
```
if (isAwesome) {
return true
}

Tabellen

Um eine Tabelle zu erstellen, verwende das Pipe-Symbol (|), um die Spalten zu trennen, und das Bindestrich-Symbol (-), um den Tabellenkopf zu erstellen.

| Erste Überschrift  | Zweite Überschrift |
| ------------------ | ------------------ |
| Inhalt der Zelle | Inhalt der Zelle |
| Inhalt der Zelle | Inhalt der Zelle |
Erste ÜberschriftZweite Überschrift
Inhalt der ZelleInhalt der Zelle
Inhalt der ZelleInhalt der Zelle
| Linksbündig | Mittig ausgerichtet | Rechtsbündig |
| :--- | :---: | ---: |
| git status | git status | git status |
| git diff | git diff | git diff |
LinksbündigMittig ausgerichtetRechtsbündig
git statusgit statusgit status
git diffgit diffgit diff

Dein Markdown muss nicht schön sein.

Jede Kopfzelle muss durch mindestens 3 Bindestriche voneinander getrennt sein. Die äußeren Striche (|) sind optional, und du musst die Tabellenspalten nicht hübsch aneinanderreihen.

Weniger | Schönes | Markdown 
--- | --- | ---
1 | 2 | 3
*Still* | `renders` | **as expected**
4 | 5 | 6
WenigerSchönesMarkdown
123
Stillrendersas expected
456

Blackslash escape

Mit Markdown kann man Backslash-Escapes verwenden, um literale Zeichen zu erzeugen, die sonst in der Formatierungssyntax von Markdown eine besondere Bedeutung haben würden.

NameMarkdownResult
backslash\\\
backtick\``
asterisk\**
underscore\__
curly braces\{\}{}
square brackets\[\][ ]
parentheses\(\)()
hash mark\##
plus sign\++
minus sign (hyphen)\--
dot\..
exclamation mark\!!

Aufgabenlisten

- [x] dies ist ein vollständiger Punkt 
- [ ] dies ist ein unvollständiger Punkt
  • dies ist ein vollständiger Punkt
  • dies ist ein unvollständiger Punkt

Inline HTML

Markdown unterstützt auch rohes HTML.

<dl>
<dt>Erste Bezeichnung</dt>
<dd>Dies ist die Definition des ersten Begriffs.</dd>
<dt>Zweite Bezeichnung</dt>
<dd>Dies ist eine Definition des zweiten Begriffs.</dd>
<dd>Dies ist eine weitere Definition des zweiten Begriffs.</dd>
</dl>
Erste Bezeichnung
Dies ist die Definition des ersten Begriffs.
Zweite Bezeichnung
Dies ist eine Definition des zweiten Begriffs.
Dies ist eine weitere Definition des zweiten Begriffs.
<p>Markdown und HTML funktionierten *nicht* sehr **gut** miteinander. Verwende deshalb<i>HTML</i> <b>tags</b></p>

Markdown und HTML funktionierten *nicht* sehr **gut** miteinander. Verwende deshalbHTML tags

Emoji

:+1: :sparkles: :camel: :tada: :rocket:

👍 ✨ 🐫 🎉 🚀