Hallo liebe steemians,

in meinem heutigen Tutorial-Beitrag meiner Steemit-Tutorial-Reihe möchte ich zeigen wie Ihr eure Beiträge noch besser gestalten könnt. Unter Steemit haben wir die Möglichkeit einen Beitrag über den gängigen Texteditor zu gestallten oder direkt über das Anwenden der Markdown Syntax.

Was ist Markdown?

Markdown ist eine einfache Programmiersprache, die zur Textgestaltung von Beiträgen im Web ausgelegt wurde. Der Funktionsumfang kann zwar nicht mit der von HTML-Mithalten bringt aber die nötigsten Funktionen mit um einen Text ordentlich zu gestalten.

Da nicht jeder weiß wie man mit Markdown umgehen soll bzw. welche Möglichkeiten es gibt seinen Beitrag zu gestalten möchte ich euch heute Teil 1 meines Markdown Styling Guide präsentieren.

Die Grundlagen der Textgestaltung

Der erste Teil meines Styling Guides setzt sich nur mit den Grundlagen der Textgestaltung auseinander. Der zweite Teil, den ich schreiben muss, wird sich mehr mit der Kombination von einzelnen Code-Segmenten, Bildern und links auseinandersetzen. Es sei schon mal soviel gesagt. Im zweiten Teil erfahrt ihr unter anderem wie man ein Bild einfügt das als Link fungiert. Nebenbei werden wir uns auch mit Emoticons und co. beschäftigen.

Überschriften

Jeder Beitrag sollte eine Überschrift haben. Überschriften lassen sich über den Texteditor von Steemit erzeugen oder mithilfe der Markdown Syntax. Insgesamt unterscheidet Markdown 6 verschiedene Größen an Überschriften. Die Größe einer Überschrift kann im Markdown Editor durch die Verwendung einer #, angepasst werden, indem diese einfach vor die Überschrift gesetzt wird.

Markdown-Code

# Dies ist eine H1 Kopfzeile

## Dies ist eine H2 Kopfzeile

### Dies ist eine H3 Kopfzeile

#### Dies ist eine H4 Kopfzeile

##### Dies ist eine H5 Kopfzeile

###### Dies ist eine H6 Kopfzeile

Textausgabe

Dies ist eine H1 Überschrift

Dies ist eine H2 Überschrift

Dies ist eine H3 Überschrift

Dies ist eine H4 Überschrift

Dies ist eine H5 Überschrift

Dies ist eine H6 Überschrift

---

Neben der Anwendung der Raute, gibt es aber noch zwei weitere Möglichkeiten mit denen die Schriftgröße der Überschrift verändert werden kann. Die erste davon ist das Unterstreichen der Überschrift mittels Gleichheitszeichen oder Minuszeichen.

Markdown-Code

Dies ist eine H1 Überschrift

=

oder

Dies ist eine H1 Überschrift

-

Textausgabe

Dies ist eine H1 Überschrift

Die dritte und letzte Möglichkeit die Größe der Überschrift anzupassen ist die Verwendung des Hx tags. Der Text der als Überschrift ausgegeben werden soll wird in Winkelklammern gesetzt. Je nach gewünschter Schriftgröße wird in die vordere Winkelklammer h1 bis h6 eingesetzt. In der hinteren Winkelklammern folgt vor der Schriftgröße (h1, h2...) ein Slash .

Markdown-Code

<h1>Dies ist eine H1 Überschrift</h1>

Textausgabe

Dies ist eine H1 Überschrift

Wie geht es weiter ?

In dem nächsten Teil meines Markdown Styling Guides, folgt die Ausrichtung von Texten, erstellen von Tabellen, links und viele mehr. Wenn du fragen oder Anregungen zum Tutorial hast, teile mir diese bitte als Kommentar mit.

>> Teil 2 Textgestaltung