So verwenden Sie Markdown zum einfachen Erstellen und Veröffentlichen von Inhalten im Web

Überblick

Markdown ist eine leichte Markdown-Sprache, mit der Sie Text für die Veröffentlichung im Web formatieren können. Markdown ist viel einfacher als HTML und erfordert weitaus weniger Tags, was das Schreiben und Bearbeiten von Dokumenten erheblich erleichtert.

Markdown ist die aufstrebende Standard-Markup-Sprache zum Formatieren von Text für das Web, einschließlich CMS wie WordPress und Ghost, für Dienste wie Github, Trello, Zapier und sogar Slack.
Standardmäßig konvertiert Markdown in HTML, Sie können ein Markdown-Dokument jedoch problemlos in Word, PDF und die meisten anderen Formate konvertieren.

Das primäre Designziel von Markdown ist die Lesbarkeit.

In diesem Artikel geht es um die grundlegende Markdown-Formatierung, die jeder kennen sollte, der ein Webhosting- Konto nutzt oder auf andere Weise Inhalte im Web veröffentlicht.

Hinweis: Zwei Leerzeichen am Ende eines Listenelements oder einer Codezeile stellen sicher, dass das nächste Element in einer neuen Zeile beginnt.

Abschnitt 1 – Blockelemente

Blockieren Sie Elemente wie Absätze, die einen Container für Inhalte erstellen. Neue Elemente auf Blockebene beginnen normalerweise in einer neuen Zeile.

Hinweis: Im Gegensatz zu HTML müssen in Markdown keine Tags geschlossen werden, was dazu beiträgt, dass ein Markdown-Dokument leichter lesbar ist.

Absätze

In Markdown besteht ein Absatz aus einer oder mehreren aufeinanderfolgenden Textzeilen, die durch eine Leerzeile getrennt sind.

Überschriften

Sechs Header-Ebenen entsprechen HTML-Elementen. Die beste Vorgehensweise für die Barrierefreiheit besteht darin, diese immer in der richtigen Reihenfolge zu verwenden. Das heißt, beginnen Sie mit H1 und verwenden Sie dann H2 und dann H3. Springen Sie nicht direkt zu H3.

#H1
##H2
###H3
####H4
#####H5
######H6

Die Ausgabe oben sieht aus wie die entsprechenden HTML-Header.

H1

H2

H3

H4

H5
H6

Geordnete und ungeordnete Listen

Geordnete Listen

Sie erstellen geordnete Listen, indem Sie einfach die Artikelnummern eingeben.

1. Punkt1  
2. Punkt2  
   1. Punkt1  
   2. Punkt2  
3. Punkt3

 

Die in HTML gerenderte Liste würde so aussehen.

  1. Gegenstand 1
  2.  Punkt2
    1. Gegenstand 1
    2. Artikel2
  3. Punkt 3

Sie können Listen innerhalb von Listen verschachteln, indem Sie vier Leerzeichen hinzufügen und mit der Rückschritttaste die Liste dort fortsetzen, wo Sie aufgehört haben.

Ungeordnete Liste

Für ungeordnete Listen können Sie *, – oder das +-Symbol austauschbar verwenden.

+ Artikel1  
- Punkt2  
* Punkt3

Die obige Listensyntax wird wie folgt gerendert:

  • Artikel1
    •Artikel2
    •Artikel3

Block Zitate

Verwenden Sie das Größer-als-Symbol, um ein Blockzitat zu erstellen.

> Markdown ist so leichtgewichtig, dass es möglich ist
> um die Syntax in ein paar Stunden zu lernen.

Das Blockzitat sieht bei der Konvertierung in HTML so aus.

Markdown ist so leichtgewichtig, dass es möglich ist, die Syntax in ein paar Stunden zu erlernen.

Codeblöcke

Sie können einen Codeblock erstellen, indem Sie drei Bac-Ticks gefolgt von zwei Leerzeichen am Anfang und am Ende des Blocks verwenden, wodurch eine neue Zeile unter dem Codeblock erstellt wird, und zwei Leerzeichen am Ende jeder Codezeile verwenden, sodass die nächste Zeile entsteht beginnt in einer neuen Zeile.

„`
Codeblock
Codeblock
„`
Die Basics, gefolgt von jeweils zwei Leerzeichen und zwei Leerzeichen am Ende jeder Zeile, werden folgendermaßen gerendert:

Codeblock  
Codeblock

Der obige Codeblock rendert Folgendes:

Codeblock  
Codeblock

In vielen Markdown-Varianten können Sie als Alternative zur „`“-Syntax vier Leerzeichen hinzufügen, um einen Codeblock zu erstellen.

 

Abschnitt 2 – Inline-Elemente

 

Inline-Code

Sie können einen Befehl oder einen Teil des Codes inline mit den drei Backticks einbetten, wie im oben beschriebenen Code-Fence. Die drei Grundlagen können inline verwendet werden, um auf beiden Seiten eines Befehls oder Codeausschnitts oder eines Befehls anzuzeigen.

Schwerpunkt

Sie betonen mehrere Variationen. dies und das wird betont und dies und das wird stark betont.
Sie können etwas hervorheben, indem Sie es ~durchstreichen~.
Und hier sind diese Sätze mit dem gerenderten Markdown. Hervorhebungen
können Sie mit einem * oder _ auf beiden Seiten einer Textzeichenfolge hinzufügen. Zwei Sternchen oder Unterstriche auf jeder Seite einer Textzeichenfolge zur starken Hervorhebung. Sie können etwas hervorheben, indem Sie auf beiden Seiten eines oder mehrerer Wörter ein ~ hinzufügen, um sie durchzustreichen.

Links

Sie können in Markdown Links mit einem [Anzuzeigenden Text](https://www.example.com) hinzufügen und einen optionalen Titel hinzufügen: [Anzuzeigender Text.](https://www.example.com). „Optionaler Titel“)
Der Link wird wie folgt gerendert:
Sie können in Markdown Links mit einem anzuzeigenden Text hinzufügen. Und Sie können einen optionalen Titel hinzufügen: Text zur Anzeige.
Markdown erkennt Links im Text einzeln oder mit < und > auf beiden Seiten der URL. Beispielsweise gibt <http://www.example.com> http://www.example.com wieder.

Bilder

Um einem Dokument ein Bild hinzuzufügen, verwenden Sie ![Alt-Text für Bild][Alt-Text für Bild](URL zum Bild). Hier ist zum Beispiel das ![Host Advice Logo](https://hostadvice.com/wp-content/themes/bestwh/img/logo.svg), das so aussehen würde:

Tische

Erster Header | Zweiter Header
-———– | ————-
Zelle 1 der Tabelle | Zelle 2 der Tabellenzeile
2 von Zelle 1 | Zeile 2 von Zelle 2
Die Tabelle würde so aussehen:

Erster Header Zweiter Header
Zelle 1 der Tabelle> Zelle 2 der Tabelle
Zeile 2 von Zelle 1 Zeile 2 von Zelle 2

Abschnitt 3 – Markdown hinzufügen

 

WordPress Content Management System (CMS)

Sie können WordPress Markdown-Unterstützung für Beiträge (Blogbeiträge), Seiten (statische Website-Seiten) und Kommentare hinzufügen (sofern Sie Kommentare in WordPress aktiviert haben).

  1. Installieren Sie das WordPress-Markdown-Plugin: 
    2. Aktivieren Sie dann Markdown über wp-admin. Wählen Sie zunächst „Einstellungen“ und dann „Schreiben“ aus. Aktivieren Sie hier das Kontrollkästchen an der Stelle, an der Markdown aktiviert werden soll.

Ghost-Publishing-Plattform

Ghost ist ein schnelles, leichtes CMS, das eine Alternative zu WordPress darstellt. Ghost verwendet Node.js im Backend und ist sehr schnell.
Ghost aktiviert Markdown standardmäßig, sodass kein Plugin installiert werden muss.

Jekyll-Generator für statische Websites

Jekyll ist ein beliebter Generator für statische Websites, der Ihren Text in eine statische Website umwandelt. Es unterstützt Markdown sofort .

Hugo-Generator für statische Websites

Hugo ist ein weiterer beliebter statischer Site-Generator, der Markdown sofort unterstützt.
Es besteht eine gute Chance, dass die von Ihnen verwendete Anwendung Markdown unterstützt. Überprüfen Sie die Dokumentation.

Markdown-Editoren

Möglicherweise finden Sie Markdown so ansprechend, dass Sie mit der Verwendung eines Markdown-Editors beginnen. Hier ist ein Beispieleditor für Mac, Windows und Google Docs. Eine Suche zeigt, dass noch andere Markdown-Editoren verfügbar sind.

Byword für Mac

Byword ist ein minimalistischer Markdown-Editor, mit dem Sie Ihre Markdown-Dokumente in HTML, Word, PDF und andere Formate konvertieren können. Sie können direkt aus Byword auf Ihrer WordPress-Site veröffentlichen .

MarkdownPad für Windows

MarkdownPad ist ein voll ausgestatteter Markdown-Editor für Windows. Mit MarkdownPad können Sie Ihr CSS verwenden, was praktisch ist, wenn Sie Inhalte für das Web verfassen.

StackEdit für Google Docs

StackEdit ist ein Markdown-Editor „im Browser“, der besonders nützlich ist, wenn Sie Google Docs verwenden. Klicken Sie in Google Docs auf „Neu“ , wählen Sie „Mehr“ und dann „Weitere Apps verbinden“ aus . Suchen Sie nach StackEdit oder Markdown und installieren Sie dann StackEdit. 
Wenn StackEdit installiert ist, können Sie Markdown direkt in Google-Dokumenten verfassen und mit anderen zusammenarbeiten.

Abschluss

In diesem Artikel haben Sie die grundlegende Markdown-Syntax kennengelernt, die Sie benötigen, um sofort mit der Verwendung beginnen zu können.

Markdown entwickelt sich schnell zu einem Standard für die Textformatierung, obwohl Markdown selbst nicht standardisiert ist. Es gibt verschiedene Varianten von Markdown, die entwickelt wurden, um seine Funktionen zu erweitern. Weitere Informationen finden Sie in der Dokumentation der von Ihnen verwendeten Anwendung.

Sie werden überrascht sein, dass Ihre Lieblingsanwendungen Markdown unterstützen!

 

Schauen Sie sich die Top 3 der besten Webhosting-Dienste an

Hostinger
4.6

2.436 Nutzerbewertungen

2,99 $ /Monat
Startpreis

Besuchen Sie Hostinger

Bewertung basierend auf Expertenbewertung
  • Benutzerfreundlich
    4.7
  • Unterstützung
    4.7
  • Merkmale
    4.8
  • Zuverlässigkeit
    4.8
  • Preisgestaltung
    4.7
IONOS
4,0

382 Benutzerbewertungen

1,00 $ /Monat
Startpreis

Besuchen Sie IONOS

Bewertung basierend auf Expertenbewertung
  • Benutzerfreundlich
    4.5
  • Unterstützung
    4,0
  • Merkmale
    4.5
  • Zuverlässigkeit
    4.5
  • Preisgestaltung
    4.3
Ultahost
4.9

725 Benutzerbewertungen

2,90 $ /Monat
Startpreis

Besuchen Sie Ultahost

Bewertung basierend auf Expertenbewertung
  • Benutzerfreundlich
    4.3
  • Unterstützung
    4.8
  • Merkmale
    4.5
  • Zuverlässigkeit
    4,0
  • Preisgestaltung
    4.8
  • Um Ihre Fragen zu Top-Webhosting zu beenden , klicken Sie einfach auf diesen Link.