du_bist_hier: you_are_here: fsmi > Webseite Webpage > Inhalte$
Instagram icon
Fachschaft
geschlossen
Room
closed

Schreiben von Inhalten

Inhalte unter den Parametern werden in Kramdown geschrieben. Hier findet ihr alles dazu.

Überschriften

# Überschrift1
## Überschrift2
### Überschrift3
#### Überschrift4

Überschrift1

Überschrift2

Überschrift3

Überschrift4


Paragraphen

Das ist ein Paragraph

Das ist ein anderer Paragraph

Das ist ein Paragraph

Das ist ein anderer Paragraph

Das ist ein Paragraph \
mit einem Zeilenumbruch.

Das ist ein Paragraph
mit einem Zeilenumbruch.


Text Styling

*das ist ein kusiver Text*
_das ist ein kusiver Text_
**das ist ein fetter Text**
__das ist ein fetter Text__
__*das ist ein fetter und kursiver Text*__

das ist ein kusiver Text
das ist ein kusiver Text
das ist ein fetter Text
das ist ein fetter Text
das ist ein fetter und kursiver Text


Links

[Ein Inline-Link](#links)

[Ein Inline-Link mit Titel](#links "Erstellen von Links")

[Ein Relativer Link](../beispiel/)

URLs in spitzen Klammern mit http als Prefix werden automatisch zu Links gemacht.
<https://google.de>

Ein Inline-Link

Ein Inline-Link mit Titel

Ein Relativer Link

URLs in spitzen Klammern mit http als Prefix werden automatisch zu Links gemacht. https://google.de


Zitate

> Das ist ein Zitat ohne Zeilenumbruch

Das ist ein Zitat ohne Zeilenumbruch

> Das ist ein Zitat \
> mit Zeilenumbruch

Das ist ein Zitat
mit Zeilenumbruch


Code

    Das ist ein Code Block 
    durch Einrückung.
Das ist ein Code Block 
durch Einrückung.
```
Auch möglich durch Backticks.
```
Auch möglich durch Backticks.
Code kann auch innerhalb von `Text` eingefügt werden.

Code kann auch innerhalb von Text eingefügt werden.


Listen

1. Nummerierte Liste
2. Weiterer Listen Punkt
3. Ein dritter Punkt
    1. Ein Unterpunkt
4. Ein vierter Punkt
  1. Nummerierte Liste
  2. Weiterer Listen Punkt
  3. Ein dritter Punkt
    1. Ein Unterpunkt
  4. Ein vierter Punkt
* eine unnumerierte Liste
+ eine weitere Möglichkeit für einen Stichpunkt
- eine letzte Möglichkeit für einen Listenpunkt
    - ein Unterpunkt
  • eine unnumerierte Liste
  • eine weitere Möglichkeit für einen Stichpunkt
  • eine letzte Möglichkeit für einen Listenpunkt
    • ein Unterpunkt

Tabellen

| Eine einfache | Tabelle |
| mit zwei | Zeilen|
Eine einfache Tabelle
mit zwei Zeilen
| Überschrift | Überschrift | Überschrift |
|-|-|-|
| Zelle1   | Zelle2   | Zelle3 |
| Zelle4   | Zelle5   | Zelle6 |
| Zelle7   | Zelle8   | Zelle9 |
Überschrift Überschrift Überschrift
Zelle1 Zelle2 Zelle3
Zelle4 Zelle5 Zelle6
Zelle7 Zelle8 Zelle9
| Überschrift | Überschrift | Überschrift |
|:-|:-:|-:|
| Zelle1   | Zelle2   | Zelle3   |
| Zelle4   | Zelle5   | Zelle6   |
|----
| Zelle1   | Zelle2   | Zelle3   |
| Zelle4   | Zelle5   | Zelle6   |
|=====
| Foot1   | Foot2   | Foot3
Überschrift Überschrift Überschrift
Zelle1 Zelle2 Zelle3
Zelle4 Zelle5 Zelle6
Zelle1 Zelle2 Zelle3
Zelle4 Zelle5 Zelle6
Foot1 Foot2 Foot3

Alerts

{% alert %}
### Das ist ein Alert
mit ein bisschen text...
{% endalert %}

Das ist ein Alert

mit ein bisschen text…

{% alert green%}
das ganze geht auch mit verschiedenen Farben :)
{% endalert %}

Übersetzungen

Das wird in deutsch und englisch angezeigt.

Das ist deutsch.
{:lang="de"}

This is english.
{:lang="en"}

Das wird in deutsch und englisch angezeigt.

Das ist deutsch.

This is english.


Farben

Zurzeit werden folgende Farben unterstützt:

  • green
  • yellow
  • orange
  • pink
  • red
  • blue

Im Folgenden kann jeder dieser Farben anstatt von <farbe> eingesetzt werden.

Farben sollten mit Bedacht benutzt werden, da durch sie das Lesen schnell gestört werden können.

Alerts färben

{% alert <farbe>%}
Ein Alert in <farbe>!
{% endalert %}

Ein Alert in green!

Ein Alert in yellow!

Ein Alert in orange!

Ein Alert in red!

Ein Alert in pink!

Ein Alert in blue!

Text färben

Text kann innerhalb von jedem Element gefärbt werden. Dazu muss die Klasse .text-<farbe> eingesetzt werden.

- green 
{:.text-green}

*yellow*{:.text-yellow}

**orange**{:.text-orange}

> pink 
{:.text-pink}

    red 
{:.text-red}

Code im `text`{:.text-blue} kann auch gefärbt werden.
  • green

yellow

orange

pink

red 

Code im text kann auch gefärbt werden.

Tabellen färben

| Überschrift | Überschrift | Überschrift |
|-|-|-|
| Zelle1   | Zelle2   | Zelle3 |
{:.head-<farbe>}
Überschrift Überschrift Überschrift
Zelle1 Zelle2 Zelle3
Überschrift Überschrift Überschrift
Zelle1 Zelle2 Zelle3
Überschrift Überschrift Überschrift
Zelle1 Zelle2 Zelle3
Überschrift Überschrift Überschrift
Zelle1 Zelle2 Zelle3
Überschrift Überschrift Überschrift
Zelle1 Zelle2 Zelle3
Überschrift Überschrift Überschrift
Zelle1 Zelle2 Zelle3

Hintergrund färben

Ist quasi für jeden Block möglich, indem man {:.bg-<farbe>} dranhängt.

*pink*{:.bg-pink}

**bue**{:.bg-blue}

Code im `text`{:.bg-red} kann auch gefärbt werden.

| Überschrift | Überschrift | Überschrift |
|-|-|-|
| Zelle1   | Zelle2   | Zelle3 |
| Zelle4   | Zelle5   | Zelle6 |
{:.head-green .bg-green}

pink

blue

Code im text kann auch gefärbt werden.

Überschrift Überschrift Überschrift
Zelle1 Zelle2 Zelle3
Zelle4 Zelle5 Zelle6