Warum sich mit HTML herumschlagen, wenn Sie stattdessen in Markdown schreiben können?
Markdown ist eine leistungsstarke Alternative zu HTML zum Erstellen schriftlicher Inhalte, die problemlos online geteilt, in einer Notiz-App gespeichert oder in andere Formate exportiert werden können. Hier ist ein Spickzettel, der Ihnen den Einstieg erleichtert.
Grundlegende Markdown-Syntax
Es gibt verschiedene Implementierungen von Markdown , von denen einige die grundlegende Syntax erweitern und weitere Funktionen unterstützen (wie mathematische Formate). Unabhängig davon, welche Sie verwenden, bleibt die grundlegende Syntax dieselbe.
Nachfolgend finden Sie eine Liste einfacher, gebräuchlicher Markdown-Befehle. Diese grundlegende Syntax wird allgemein als CommonMark bezeichnet .
Funktion | Syntax | Alternative Syntax |
Deutlich | **Bold** | __Bold__ |
Kursiv | *Italic* | _Italic_ |
Überschriften | # Heading 1 ## Heading 2 | Heading 1========== Heading 2———- |
Verknüpfung | [How-To Geek](http://www.howtogeek.com) | |
Bild | ![Alt-Text](http://www.howtogeek.com/image.png) | |
Ungeordnete Liste | – Item 1 – Item 2 – Item 3 | |
Bestellliste | 1. Item 1 2. Item 2 3. Item 3 | 1) Item 12) Item 23) Item 3 |
Code | `code` | |
Code block | “`codeblock“` | |
Blockquote | > Blockzitat | |
Zeilenumbruch (horizontale Linie) | — | *** oder—- |
Erweiterte Markdown-Syntax
Zusätzlich zur oben aufgeführten grundlegenden Syntax unterstützt Ihr Markdown-Editor möglicherweise auch einige erweiterte Funktionen, wie zum Beispiel:
Funktion | Syntax |
Tisch | | Column 1 | Column 2 || — | — || Item 1 | Item 2 || Item 3 | Item 4 | |
Durchgestrichen | ~~strikethrough~~ |
Aufgabenliste (Kontrollkästchen) | – [ ] Unchecked item– [X] Checked item |
Fußnote | Example of a footnote[^1] within text.[^1]: Description of footnote text |
Überschriften-ID | ## This is a Heading {#this-is-a-heading-id} |
Markieren | ==highlighted text== |
LaTeX-Gleichungen | $$ equation goes here $$ |
Emoji | :emoji-name: |
Hochgestellt | E=MC^2^ |
Index | O~2~ |
Definitionen | Term to define: This is the definition of the term: This is another definition Another term: Yet another definition |
Links in Markdown erstellen
Links werden in Markdown erstellt, indem der Platzhaltertext in eckige Klammern gesetzt wird, direkt gefolgt von dem Link, den Sie teilen möchten, in Standardklammern. Stellen Sie sicher, dass beim Erstellen Ihres Links keine Lücke zwischen ihnen besteht, wie folgt:
Einfügen von Bildern mit Markdown
Bilder können mit Markdown mit eckigen und normalen Klammern eingefügt werden. Der beschreibende Alternativtext, den Sie verwenden, sollte in die eckigen Klammern gesetzt werden, gefolgt von einem Link zum Bild in normalen Klammern, wie folgt:
Wenn Sie Probleme haben, dies zum Laufen zu bringen, stellen Sie sicher, dass sich das Bild an dem von Ihnen angegebenen Speicherort befindet. Wenn Sie Bilder in einen Markdown-Editor ziehen, verweist der Link auf den Speicherort des Bildes auf Ihrem lokalen Laufwerk und nicht auf seinen Speicherort auf einem Webserver.
So erstellen Sie eine Tabelle in Markdown
Tabellen gehören zu den verwirrendsten Markdown-Elementen, die man beherrschen muss, aber sie funktionieren einwandfrei, solange Sie darauf achten, dass alle Zeilen und Leerzeichen an der richtigen Stelle sind. Sie können die Kopfzeile einer Tabelle mithilfe von Bindestrichen unterscheiden, von denen Sie nur drei benötigen.
Sie können Ihre Tabelle in der Codeansicht verschönern, wenn Sie möchten (und weitere Leerzeichen und Bindestriche hinzufügen, um die Lesbarkeit zu verbessern), aber wenn Ihnen nur das Endergebnis wichtig ist, funktioniert das obige Beispiel einwandfrei.
Beachten Sie, dass viele Markdown-Editoren über eigene Tools zum Erstellen von Tabellen, zum schnellen Erweitern der Anzahl von Zeilen und Spalten und zur automatischen Formatierung zum Kopieren und Einfügen von Elementen in oder aus der Spalte verfügen. Dies kann einfacher zu implementieren sein, wenn Ihre bevorzugte App dies unterstützt.
So verwenden Sie Codeblöcke in Markdown
Um einen Codeblock in Markdown zu erstellen, haben Sie zwei Möglichkeiten. Sie können den Text entweder mit einem Gravis ` umschließen, umgangssprachlich als Rückwärtsapostroph bekannt, oder mit der Taste, die auf den meisten Tastaturen unter „Esc“ erscheint.
Verwenden Sie für einen Codeblock drei Gravis “` am Anfang des Blocks und dann drei weitere am Ende des Blocks. Auf diese Weise können Sie mehrere Codezeilen zitieren.
Zeilenumbrüche (horizontale Regeln) in Markdown erstellen
Zeilenumbrüche sind nützlich, um das Ende eines Abschnitts und den Beginn eines neuen Abschnitts zu kennzeichnen. CommonMark unterstützt Zeilenumbrüche durch die Verwendung von drei Bindestrichen:
Einige Editoren (wie Ulysses) erfordern vier Bindestriche, um einen Zeilenumbruch auszulösen.
So streichen Sie Text mit Markdown durch
Durchgestrichen wird in Markdown nicht allgemein unterstützt, daher kann die Implementierung je nach Editor unterschiedlich sein. Eine gängige Methode, Durchgestrichen zu verwenden, besteht darin, zwei Tilde-Symbole zu verwenden, wie folgt:
Einige Editoren enthalten eine „Löschen“-Auszeichnung, die folgendermaßen funktioniert:
Verwenden von Tief- und Hochstellung in Markdown
Einige Editoren ermöglichen die Verwendung von tiefgestellten Zeichen mithilfe von Tilde-Symbolen auf beiden Seiten der Eingabe, die Sie formatieren möchten, etwa so:
Andere verwenden Winkel, um Text hervorzuheben, etwa so:
Wenn Ihr Editor dies nicht tut und Sie mit HTML zufrieden sind, können die <sub>beiden HTML-Tags jeweils für Tiefstellung und Hochstellung verwendet werden.<sup>
Text in Markdown hervorheben
Eine weitere nicht standardmäßige Funktion, die jedoch von einigen Editoren unterstützt wird, besteht darin, dass Sie Werke möglicherweise mithilfe von zwei Gleichheitszeichen auf beiden Seiten eines Wortes hervorheben können, wie folgt:
Einige Editoren verwenden ihre eigene Methode zum Hervorheben. Ulysses kann die Syntax „Markieren“ verwenden:
Aufgabenlisten in Markdown erstellen (mit Kontrollkästchen)
Aufgabenlisten sind praktisch, um Erinnerungen im Auge zu behalten, und sie funktionieren ähnlich wie ungeordnete Listen, allerdings mit einem zusätzlichen Schritt. Zusätzlich zum Bindestrich, den Sie zum Definieren einer Liste am Zeilenanfang verwenden müssen, müssen Sie auch das Kontrollkästchen in seinem aktivierten oder deaktivierten Zustand hinzufügen, wie folgt:
Ihre Wahl des Editors ist wichtig
Markdown ist vielseitig und leistungsstark, aber mit dem richtigen Editor kann das Erlebnis noch besser sein. Apps wie Ulysses und iA Writer verlangen ihren Preis für das Markdown-Erlebnis, aber sie sind es auf jeden Fall wert, wenn Sie viel Zeit damit verbringen, für das Web zu schreiben tiny11.
Zum Notieren bieten Apps wie Bear und Obsidian hervorragende kostenlose Pläne mit erschwinglichen Upgrade-Pfaden, falls Sie mehr benötigen. Natürlich gibt es auch viele kostenlose Editoren wie MacDown und MarkText oder den webbasierten Editor.md .
Sie können Markdown sogar in Google Docs verwenden, indem Sie eine einzige Einstellung anpassen .