blog-thumb
  • geschrieben von :
  • Datum :01 Jan, 0001
  • Kategorie :

Was ist Markdown?

Der schnellste Weg, digitale Texte zu erzeugen.

Markdown ist eine vereinfachte Auszeichnungssprache basierend auf HTML, um einfach Texte zu schreiben und sie später in ein Anderes Format wie HTML umzuwandeln.

Markdown wurde erfunden von John Gruber und auf seinem Blog Daring Fireball https://daringfireball.net/ erstmals veröffentlicht. Wahrscheinlich, um einfacher Blog Artikel zu verfassen und weniger Zeit mit der Formatierung zu verbringen.

Motto: Writing for the Web

Es bedient sich einer einfachen Syntax, der Markdown Syntax um als Nicht-Techniker HTML zu erzeugen.

Der Prozess ist dann:

  1. Erstellung des Textes in Markdown
  2. Parsen des Markdowns und Umwandlung in z.B. HTML. Dazu stehen verschiedene Parser zur Verfügung.

Syntax

Absätze werden so zum Beispiel durch eine Leerzeile repräsentiert.

HTML Tags werden durch einfache Zeichen wie z.b. * ersetzt

*em*
**strong**
wird zu
<em>em</em>
<strong>strong</strong>

Ein Markdown spezifisches Sonderzeichen kann durch einen vorgestellten Backslash \ ’escaped’ werden, also von seiner umformenden Funktion befreit werden.

\*this text is surrounded by literal asterisks\*

Bei Block Tags müssen die Weichen einfach am Anfang der jeweiligen Zeile stehen, aber dafür nicht zwingend geschlossen werden.

Durch das nicht mehr nötige schliessen von Tags wird die Einfachheit sehr deutlich.

# Überschrift 1
Das entsprich einem:  <h1> Überschrift 1 </h1>
## Überschrift 2
Das einem <h2> Überschrift 2 </h2>
### Überschrift 3
Einem <h3> Überschrift 3 </h3>

Links und andere Bilder werden auch durch Zeichen mit einer besonderen Bedeutung dargestellt

Eine klickbare URL im Text wird nach Standard so dargestellt: <http://www.example.com>

This is [an example](http://example.com/ "Title") inline link.

[This link](http://example.net/) has no title attribute.

<p>This is <a href="http://example.com/" title="Title">an example</a> inline link.</p>

<p><a href="http://example.net/">This link</a> has no title attribute.</p>


Und das entspricht einem Bild
![Alt text](/path/to/img.jpg "Optional title")

Erweiterung: Markdown Extra

Michel Fortin hat Markdown zu PHP portiert und zu Markdown Extra https://michelf.ca/projects/php-markdown/extra/ erweitert.

Er erlaubt zusätzlich Tabellen

First HeaderSecond Header
Content CellContent Cell
Content CellContent Cell
| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |

Andere Variationen

Über die Jahre haben sich viele Variationen herausgebildet, sogenannte Markdown Flavors https://github.com/commonmark/commonmark-spec/wiki/Markdown-Flavors

Common Mark https://commonmark.org/ versucht die ursprüngliche Spezifikation um fehlende und mehrdeutige Element zu bereinigen und zusätzlich einen standardisierten Test anzubieten, der die Kompatibilität einer Implementierung überprüfbar macht.