🖌️ Design Guide
Ein Design Guide für Wiki, MilSim und Blog Beiträge.
Beachte Leerzeichen!
Und achte auch darauf die Richtigen Zeichen zu benutzen.
Bsp: ` ´ '
Überschriften erstellen
Überschrift1
# Überschrift1
Überschrift2
## Überschrift2
Überschrift3
### Überschrift3
Zwischen Überschrift und Text bitte immer eine Zeile Abstand lassen. Mehrere Absätze werden dabei nicht erkannt!
Auch zwischen #
und dem Titelnamen
muss ein Leerzeichen sein!
Horizontale Linien
Für die Abgrenzung von bestimmten Bereichen.
Beispiel:
Syntax:
---
Einen Link erstellen
Syntax:
[Anzeigename](https://link.zum.logo/logo.png)
Wörter hervorheben
Fettgedruckte Wörter
Syntax:
**Fettgedruckte Wörter**
kursive Wörter
Syntax:
*kursive Wörter*
unterstrichene Wörter
Syntax:
<u>unterstrichene Wörter</u>
Aufzählungen erstellen
Es gibt verschiedene Weisen der Aufzählung:
- Text
- Beispiel
Syntax:
- Text
- Beispiel
- Text
- Beispiel
1. Text
2. Beispiel
Infokästen erstellen
Beispiel Text.
Nächste Zeile.
:::info
Beispiel Text.
Nächste Zeile.
:::
Beispiel Text.
Nächste Zeile.
:::tip Tipp
Beispiel Text.
Nächste Zeile.
:::
Beispiel Text.
Nächste Zeile.
:::caution Achtung
Beispiel Text.
Nächste Zeile.
:::
Beispiel Text.
Nächste Zeile.
:::danger
Beispiel Text.
Nächste Zeile.
:::
Beispiel Text.
Nächste Zeile.
:::note
Beispiel Text.
Nächste Zeile.
:::
Wenn du als Überschrift z.B. "note" nicht möchtest, sondern etwas anderes, musst du hinter das note
oder alle Anderen Hinweisboxen deinen eigenen Titel schreiben mit einem Leerzeichen getrennt. Beispiele findest du auch oben.
Tabs
Beispiel:
- Apple
- Orange
- Banana
Syntax:
<Tabs>
<TabItem value="apple" label="Apple" default>
This is an apple 🍎
</TabItem>
<TabItem value="orange" label="Orange">
This is an orange 🍊
</TabItem>
<TabItem value="banana" label="Banana">
This is a banana 🍌
</TabItem>
</Tabs>