# Markdown

Die gesamte Dokumentation ist in Markdown-Code geschrieben. Hier sind einige Beispiele:

### Überschriften

| Markdown            | HTML                     | Gerendert              |
| ------------------- | ------------------------ | ---------------------- |
| # Überschrift 1     | \<h1>Überschrift 1\</h1> | <h2>Überschrift 1</h2> |
| ## Überschrift 2    | \<h2>Überschrift 2\</h2> | <h3>Überschrift 2</h3> |
| ### Überschrift 3   | \<h3>Überschrift 3\</h3> | <h4>Überschrift 3</h4> |
| #### Überschrift 4  | \<h4>Überschrift 4\</h4> | **Überschrift 4**      |
| ##### Überschrift 5 | \<h5>Überschrift 5\</h5> | **Überschrift 5**      |

***

### Images

Es können auch Screenshots eingereicht werden. Aus Gründen der Einheitlichkeit können wir Grafiken durch unsere eigenen ersetzen.

Die Bilder werden immer auf der gleichen Ordnerebene in einem `.images`-Verzeichnis gespeichert. Sie werden dann auf diese Weise verlinkt:

```markdown
![Test image](./.images/app48.png)
```

Gerendert

![Test image](https://785480918-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgLBToA--UPl-f92wWn%2Fuploads%2Fgit-blob-a2123bd76f64b620e479d6b1c5fbb7c42e0e33a5%2Fapp48.png?alt=media)

***

### Links

Links werden immer automatisch umgewandelt und erfordern keinen zusätzlichen Code.

***

### Hints

Hinweise können mit der folgenden Syntax erstellt werden:

```markdown
<div data-gb-custom-block data-tag="hint" data-style='info'>

Hello world

</div>
```

Diese Werte sind möglich: `info`, `success`, `danger` & `warning`

Beispiele:

{% hint style="info" %}
Info
{% endhint %}

{% hint style="success" %}
Erfolg
{% endhint %}

{% hint style="danger" %}
Error/Fehler
{% endhint %}

{% hint style="warning" %}
Warnung
{% endhint %}

***