Als Webentwickler und Ersteller von Inhalten verbringen wir im Allgemeinen viel Zeit damit, Text zu schreiben, der darin verpackt ist HTML Code. Was wäre, wenn wir Ihnen sagen würden, dass es mit Markdown einen besseren Weg gibt? Eine Art und Weise, wie Sie sich auf das Schreiben und nicht auf den Code konzentrieren konnten?
Markdown ist eine einfache, leichtgewichtige Markup-Sprache, die 2004 von John Gruber und Aaron Swartz entwickelt wurde. Markdown wurde ursprünglich entwickelt, um das Schreiben von XHTML / HTML durch Konvertieren von Nur-Text-Dateien in strukturell gültiges HTML oder XHTML zu vereinfachen. Es kann für fast alle Arten des Schreibens verwendet werden: Manuskripte, Tutorials, Notizen, Webinhalte und mehr.
Obwohl Markdown relativ einfach ist, kann es beim ersten Start ein wenig einschüchternd sein. Sobald Sie den Dreh raus haben, werden Sie schnell feststellen, wie viel Zeit für die Formatierung Ihres Codes aufgewendet wurde, anstatt Ihre Inhalte einzugeben.
Wenn Sie mit Markdown für das Web arbeiten, ist es wichtig, die grundlegende Syntax und die Einschränkungen zu kennen, mit denen Sie möglicherweise konfrontiert sind. Bevor Sie beginnen, benötigen Sie einen Editor und einen Interpreter für Ihre Site. Alternativ können Sie den Markdown vor dem Veröffentlichen konvertieren.
Es gibt mehrere Editoren, aus denen Sie auswählen können. Inbegriff ist fantastisch, weil es eine Vielzahl von Exportoptionen bietet, einschließlich HTML und PDF. Eine weitere gute Alternative ist StackEdit - ein kostenloser Online-Markdown-Editor. Natürlich funktioniert jeder Nur-Text-Editor.
Wie installiere ich Adobe Premiere Pro?
Wenn Sie nicht vorhaben, Ihren Markdown in HTML zu konvertieren, können Sie ein Plugin (oder einen Unterbrecher) für Ihre Site herunterladen. Für WordPress Jetpack Markdown wird hervorragend unterstützt, sodass Sie Markdown direkt in Posts und Kommentaren verwenden können - sofern Sie diese Option aktivieren.
Wie jede Markup-Sprache hat Markdown eine eigene Syntax. Hinweis: Es gibt verschiedene Geschmacksrichtungen oder Sorten von Markdown. In diesem Artikel wird nur die gemeinsam genutzte Syntax behandelt.
In HTML gibt es sechs Überschriftenstile: h1 , h2 , h3 , h4 , h5 und h6 . Verwenden Sie eine Reihe von Hashtag-Symbolen, um diese in Markdown neu zu erstellen ( # ) - entsprechend der Überschriftennummer - gefolgt vom Überschriftentext. Zum Beispiel, um eine zu erstellen Tag, verwenden Sie einen Hashtag # ;; für ein Tag, verwenden Sie zwei Hashtags ## ;; und so weiter und so fort.
Markdown-Eingabe:
# Heading 1 ## Heading 2 ### Heading 3 #### Heading 4 ##### Heading 5 ###### Heading 6
HTML-Ausgabe:
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Absätze werden durch die vertreten Markdown-Eingabe: HTML-Ausgabe: The quick brown fox jumps over the lazy dog. The lazy dog doesn't care, because he's a lazy dog. Zeilenumbrüche, die in HTML mit dem dargestellt werden Markdown-Eingabe: HTML-Ausgabe: The quick brown fox Es gibt zwei Möglichkeiten, Ihren Text hervorzuheben: Kursiv ( in HTML) oder Fett ( in HTML). In Markdown erreichen Sie dies mit einem oder zwei Sternchen ( * * ). Sie können auch Unterstriche (_) verwenden, aber ich bleibe bei Sternchen, da es andere Markdown-Varianten gibt, die Unterstriche für andere Dinge verwenden. Markdown-Eingabe: HTML-Ausgabe: Hinweis: Sie können auch fett-kursiven Text mit drei Sternchen erstellen: *** Fett und kursiv *** . So erstellen Sie eine horizontale Regel (oder Markdown-Eingabe: HTML-Ausgabe: Learning something new is always a lot fun. It sure is! In HTML wird ein Bild mit dem hinzugefügt Tag und Links werden mit dem hinzugefügt Etikett. In Markdown beginnen Bilder mit einem Ausrufezeichen ( ! ), gefolgt von eckigen Klammern ( [] ) für den 'Alt-Text' und Klammern ( () ) für den Pfad zum Bild. Sie können auch einen optionalen Titel in doppelte Anführungszeichen setzen ( '' ). Bei Links ist es fast dasselbe, außer dass es kein Ausrufezeichen gibt. Markdown-Eingabe: Hinweis: Sie können auch Referenzlinks und Bilder verwenden, dies wird hier jedoch nicht behandelt. HTML-Ausgabe: In HTML gibt es zwei Arten von Listen: geordnet ( Markdown-Eingabe: HTML-Ausgabe: Wenn Sie mit Code in HTML arbeiten, können Sie ihn entweder als Inline-Element mit dem Code einfügen In Markdown, these elements are delimited using either a single backtick on each side ( ` ); or by using a fenced-style, which includes three backticks above and below the code block ( ``` ). Markdown input: HTML-Ausgabe: Blockzitate werden in HTML mit dem hinzugefügt Etikett. Verwenden Sie in Markdown das Symbol größer als ( > ) vor der Zeile. Markdown-Eingabe: HTML-Ausgabe: Es gibt Zeiten, in denen Sie ein HTML-Element erstellen müssen, das nicht unterstützt wird. Zum Beispiel benötigen Sie möglicherweise eine In diesem Fall können Sie Markdown und HTML mischen, es gibt jedoch einige Einschränkungen. Beispielsweise können Sie Markdown nicht in HTML-Tags auf Blockebene aufnehmen. Weiterlesen: The quick brown fox jumps over the lazy dog. The lazy dog doesn't care, because he's a lazy dog.
04. Gestalten Sie die Zeilenumbrüche
Tag, werden mit einem einzelnen Zeilenumbruch mit zwei Leerzeichen am Ende der vorherigen Zeile hinzugefügt.The quick brown fox jumps over the lazy dog.
jumps over the lazy dog.05. Betonung markieren
*Italic Text* **Bold Text**
Italic Text Bold Text
06. Erstellen Sie horizontale Regeln
Verwenden Sie in HTML eine Reihe von drei oder mehr Bindestrichen ( --- ---. ), Sternchen ( ***. ) oder Gleichheitszeichen ( === ). Sie haben die Wahl, welche Sie bevorzugen, aber stellen Sie sicher, dass Sie oben und unten eine leere Zeile einfügen.Learning something new is always a lot of fun. --- It sure is!
beste Digitalkamera für die Kunstfotografie
07. Bilder und Links hinzufügen
wie man alle Fotos auf Facebook privat macht
 [Link Text](http://example.com 'Optional Title')
Link Text
08. Listen erstellen
) und ungeordnet (
). Verwenden Sie bei Markdown Nummern für geordnete Listen und Sternchen ( * * ) oder Bindestriche ( - - ) für ungeordnete Listen.
1. Item 1 2. Item 2 * First Item * Second Item - First Item - Second Item
09. Inline-Code und Codeblöcke hinzufügen
tags; or as a pre-formatted text block using the
combination.The `numberOfPoints` variable holds the player's score. if player.wins { numberOfPoints += 1 }
The
numberOfPoints
10. Blockieren Sie Blockzitate
if player.wins { numberOfPoints += 1 }
> This is my blockquote. > > This is part of the same blockquote. > This is a new blockquote.
11. Inline-HTML einbetten
oder Etikett.