Eine Demo der Darstellungselemente für Artikel

Eine neue Website für den Stamm

Im Nachfolgenden werde ich die zentralen Elemente zur Gestaltung eines Blogartikels vorstellen.
Die Gestaltung ist zur Wahrung eines einheitlichen Gesamtbildes und zur einfacheren Auslieferung an Browser eingeschränkt. Es sollte jedoch reichen, um eure Gedanken mit der Welt zu teilen.

Los geht’s!

Ein paar Beispiele für Überschriften

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Ein besonders kleines Element

Ein Link auf eine externe Seite mit Titel
Ein Link zu einer internen Seite ohne Titel
Ein Link zu einem unserer Blogartikel

Duis aute irure dolor in ein link reprehenderit in durchstreichen esse cillum bold text dolore eu fugiat nulla pariatur. Excepteur span element sint occaecat cupidatat non proident, sunt italicised text in culpa qui officia deserunt mollit anim id Block text, für Code z.B. est laborum.

Manche Kontrollzeichen wie * müssen nach einem Backslash \ stehen um dargestellt zu werden.

Für einen normalen Zeilen-
umbruch sind mindestens zwei Leerzeichen und ein Absatz notwendig.

Texte können auch eingeschoben bzw. besonders hervorgehoben werden.

Horizontale Trenner gibts auch:


Listen

Tasklisten gehen auch:

Tabellen

Das |-Symbol trennt Spalten, --Symbole (Dashes) die Zeilen.

Tabellen sind cool
Spalte 3 ist rechts-orientiert $1600
Spalte 2 ist zentriert $12
Text formatieren geht auch $1

Videos

Videos sind zu groß um direkt hochgeladen werden zu können und können daher nur verlinkt werden, vorzugsweise auf Youtube.

Ein Video zum WSJ 2020

Bilder

Bilder können mit einer Beschreibung, einer Größenangabe und einer Positionierung (links, rechts, zentral) versehen werden:

relativ referenziertes Bild einer Lilie mit fixer Größe
relativ referenziertes Bild einer Lilie mit fixer Größe
Rechts ausgerichtetes Bild mit relativer Größe
Rechts ausgerichtetes Bild mit relativer Größe
extern referenziertes Bild
extern referenziertes Bild

Noch Fragen?

Falls du noch Fragen hast oder weiter experimentieren möchtest, findest du hier eine kurze oder auch eine ausführliche Dokumentation.
Ansonsten wende dich einfach an Pholen.