paint-brush
Ein Leitfaden für Einsteiger in Markdown: Alles, was Sie für den Einstieg wissen müssenvon@odafetoearth
2,040 Lesungen
2,040 Lesungen

Ein Leitfaden für Einsteiger in Markdown: Alles, was Sie für den Einstieg wissen müssen

von Odafe Alaiya 8m2023/08/28
Read on Terminal Reader
Read this story w/o Javascript

Zu lang; Lesen

Wenn Sie neu im Bereich Markdown sind, haben Sie keine Angst. Dieser Leitfaden soll Ihnen als Kompass auf dem Weg zur Beherrschung dieser benutzerfreundlichen Auszeichnungssprache dienen.
featured image - Ein Leitfaden für Einsteiger in Markdown: Alles, was Sie für den Einstieg wissen müssen
Odafe Alaiya  HackerNoon profile picture
0-item

Inhaltsverzeichnis

  • Was ist Markdown?
    • Vorteile der Verwendung von Markdown
  • Erste Schritte mit Markdown
    • Grundlegende Formatierung in Markdown
    • Erweiterte Formatierung in Markdown
  • Reale Anwendungen auf Markdown
  • Ressourcen


Die Fähigkeit, Ihre Gedanken und Ideen klar und prägnant darzustellen, ist unabhängig von der Branche, in der Sie arbeiten, wichtig. Glücklicherweise gibt es eine Vielzahl von Tools und Technologien, die Sie bei der Erstellung guter Textinhalte unterstützen.


Hier kommt Markdown ins Spiel – eine vielseitige, aber unscheinbare Auszeichnungssprache, die für Autoren, Programmierer und Content-Ersteller aller Art zu einem festen Bestandteil geworden ist.


Wenn Sie neu im Bereich Markdown sind, haben Sie keine Angst. Dieser Leitfaden soll Ihnen als Kompass auf dem Weg zur Beherrschung dieser benutzerfreundlichen Auszeichnungssprache dienen.

Was ist Abschlag?

Markdown ist eine leichte Auszeichnungssprache , die den Prozess der Textformatierung für das Web und andere Medien vereinfacht. Es wurde 2004 von John Gruber und Aaron Swartz entwickelt, um Inhalte zu schreiben, die problemlos in HTML und andere Formate konvertiert werden können, ohne dass umfangreiche technische Kenntnisse erforderlich sind.


Es ist besonders beliebt bei Autoren, Bloggern, Programmierern und allen, die eine einfache und effiziente Möglichkeit zum Formatieren von Texten für das Web benötigen.

Vorteile der Verwendung von Markdown

1. Einfachheit und Lesbarkeit: Markdown verwendet eine einfache Syntax mit einfachen Textzeichen. Diese Einfachheit erleichtert das Erlernen und Verwenden, sodass Sie sich auf den Inhalt selbst konzentrieren können und nicht auf komplexe Formatierungscodes.


2. Plattformunabhängigkeit: Markdown ist plattformunabhängig. Sie können Markdown-Dokumente auf jedem Gerät mit einem Texteditor oder einem Code-Editor erstellen und diese Dokumente können problemlos auf verschiedenen Plattformen angezeigt und in verschiedene Formate konvertiert werden. Diese Konsistenz gewährleistet die Zugänglichkeit und Langlebigkeit Ihrer Inhalte.


3. Schnelle Lernkurve: Markdown hat eine der einfachsten Syntaxen. Das bedeutet, dass Sie es in kurzer Zeit erlernen können. Die Syntax ist intuitiv und ähnelt der Formatierung, die Sie möglicherweise bereits in E-Mails oder Textnachrichten verwenden.


Diese schnelle Lernkurve fördert die Akzeptanz bei technisch nicht versierten Benutzern.


4. Breite Akzeptanz: Markdown erfreut sich enormer Beliebtheit und wird auf einer Vielzahl von Plattformen unterstützt, darunter Blogging-Systeme wie WordPress, Kollaborationstools wie GitHub und Content-Management-Systeme. Dies macht Markdown zu einer wertvollen Fähigkeit, die in vielen Kontexten angewendet werden kann.


5. Geschwindigkeit und Effizienz: Die Erstellung von Inhalten in Markdown ist schnell und effizient. Mit ein paar einfachen Zeichen und anderen Formatierungselementen. Dies wiederum ermöglicht es den Benutzern, Dokumente einfach, effizient und schnell zu erstellen.


6. Versionskontrolle: Wenn Markdown in Zusammenarbeit mit Versionskontrollsystemen wie Git verwendet wird, können an Markdown-Dateien vorgenommene Änderungen leicht nachverfolgt werden. Dadurch wird es einfacher, an Projekten zusammenzuarbeiten, Änderungen zu überprüfen und eine klare Aufzeichnung der Änderungen zu führen.

Erste Schritte mit Markdown

Markdown funktioniert in einer Vielzahl von Texteditoren und Code-Editoren. In diesem Artikel konzentrieren wir uns auf die Verwendung von Markdown in Code-Editoren, insbesondere VS Code . Die gleiche Syntax kann jedoch auch in Texteditoren verwendet werden.


  1. Erstellen Sie zunächst in Ihrem VS-Code einen Ordner (Sie können ihn beliebig benennen). Erstellen Sie in diesem Ordner eine Datei mit dem Namen markdown.md


  2. Navigieren Sie zum oberen rechten Abschnitt Ihrer VS-Code-Datei und klicken Sie auf die Schaltfläche „Vorschau“, um eine Vorschau Ihres Ergebnisses nebeneinander anzuzeigen.

Grundlegende Formatierung in Markdown

Hier sind einige der grundlegenden Syntaxen zum Formatieren von Text in Markdown.


  1. Kopfzeilen : Kopfzeilen werden verwendet, um verschiedene Überschriftenebenen in Ihrem Dokument anzuzeigen. Um Kopfzeilen in Markdown zu erstellen, verwenden Sie das # -Symbol gefolgt von einem Leerzeichen und dann Ihrem Kopfzeilentext. Beachten Sie, dass die Anzahl der # -Symbole die Ebenen Ihrer Überschrift bestimmt. Siehe das Beispiel unten.

     # Heading ## Heading ### Heading 

2. Hervorhebung: Sie können Ihren Text hervorheben, indem Sie ihn fett oder kursiv formatieren. Um den Text fett darzustellen, schließen Sie ihn in doppelte Sternchen ** oder doppelte Unterstriche __ ein. Um den Text kursiv zu machen, schließen Sie ihn in einzelne Sternchen * oder einzelne Unterstriche _ ein.


Beispiel:

 This is the **Bold Text** This is *italics* 

3. Listen: Markdown unterstützt sowohl geordnete (nummerierte) als auch ungeordnete (Aufzählungslisten) Listen. Um eine geordnete Liste zu erstellen, beginnen Sie jedes Element mit einer Zahl gefolgt von einem Punkt. Um eine ungeordnete Liste zu erstellen, verwenden Sie entweder ein Sternchen * , ein Pluszeichen + oder einen Bindestrich - .


Beispiel:

 Ordered List: 1. First item 2. Second item 3. Third item Unordered List: * Item 1 * Item 2 * Item 3 

4. Links: Sie können in Markdown Hyperlinks erstellen, indem Sie eckige Klammern [] für den Linktext und Klammern () für die Link-URL verwenden.


Beispiel:

 [Visit Odafe's Website](https://www.odafe.vercel.app)


5. Bilder: Das Einfügen von Bildern ähnelt dem Erstellen von Links. Der einzige Unterschied ist ein Ausrufezeichen ! vor den eckigen Klammern. Der Alt-Text in den eckigen Klammern wird zur Beschreibung des Bildes aus Gründen der Barrierefreiheit verwendet.


Beispiel:

 ![Alt text](image-url.jpg)


6. Blockquotes : Blockquotes werden zur Anzeige von Zitattexten verwendet. Um dies zu erstellen, beginnen Sie einfach die Zeile mit dem > -Symbol, gefolgt vom Text, den Sie zitieren möchten.


Beispiel:

 > This is a quote by Odafe


Die Ausgabe sieht so aus:


Dies ist ein Zitat von Odafe


7. Horizontale Regel : Sie können horizontale Trennzeichen hinzufügen, indem Sie einfach drei Unterstriche _ verwenden.


Beispiel:

 This is a regular text ____ This is more regular text 

Dies sind die grundlegenden Elemente der grundlegenden Formatierung in Markdown. Wenn Sie diese Konzepte beherrschen, können Sie gut strukturierte und optisch ansprechende Inhalte erstellen, unabhängig davon, ob Sie eine einfache Notiz schreiben oder ein komplexeres Dokument erstellen.

Erweiterte Formatierung in Markdown

Markdown bietet auch zusätzliche Funktionen für den Fall, dass Sie Ihrem Dokument möglicherweise komplexere Elemente hinzufügen müssen. Einige dieser Formatierungsoptionen sind:


1. Codeblöcke und Inline-Code : Sie können Ihrer Datei ganz einfach Codeblöcke hinzufügen, indem Sie Ihre Codeblöcke mit drei Backticks („```) beginnen, gefolgt von der Sprache, in der Ihr Codeblock geschrieben ist. Inline-Codes werden durch Umschließen des Codeausschnitts hinzugefügt in einzelnen Backticks.


Beispiel:

 This is a HTML element `<div>Hello World</div>` ```javascript function myFunction() { console.log("Hello world!") } 

2. Aufgabenlisten: Aufgabenlisten sind nützlich zum Erstellen von Aufgabenlisten. Um eine Aufgabenliste zu erstellen, verwenden Sie eckige Klammern mit einem „x“ für erledigte Aufgaben und einem Leerzeichen für unvollständige Aufgaben.


Beispiel:

 - [x] A complete task - [ ] An incomplete task 

3. Emojis : Es gibt zwei Möglichkeiten, Emojis zu Markdown-Dateien hinzuzufügen: Kopieren Sie das Emoji und fügen Sie es in Ihren Markdown-formatierten Text ein oder geben Sie Emoji-Shortcodes ein.


4. Text durchstreichen: Um Text durchzustreichen, verwenden Sie doppelte Tilden ( ~~ ) um den Text, den Sie durchstreichen möchten.


Beispiel:

 This is a ~~Strikethrough~~ text.


5. Escape-Zeichen: Wenn Sie Zeichen anzeigen müssen, die in Markdown eine besondere Bedeutung haben, können Sie sie mit einem Backslash ( \ ) maskieren.

 To display a literal asterisk \* use a backslash before it.


6. Hochgestellt und tiefgestellt: Um einen hochgestellten Text zu erstellen, wird der hochgestellte Text in zwei ^ -Symbole eingeschlossen.


Um tiefgestellten Text zu erstellen, wird der Text in zwei ~ -Symbole eingeschlossen.


Beispiele:

 This is how a superscript is written: X^2^ This is how a subscript is written: H~2~O. 

7. Tabellen : Um Tabellen in Markdown zu erstellen, befolgen Sie diese Schritte:


  • Beginnen und beenden Sie jede Zeile mit einem Pipe-Symbol ( | ).
  • Trennen Sie jede Spalte durch ein Pipe-Symbol ( | ).
  • Verwenden Sie drei oder mehr Bindestriche ( --- ), um Spaltenüberschriften zu erstellen.
 | Syntax | Description | | ----------- | ----------- | | Header | Title | | Paragraph | Text |


Ausgabe:


8. Hervorheben : Sie können wichtige Wörter in Ihrem Dokument hervorheben, indem Sie vor und nach den Wörtern zwei Gleichheitszeichen ( == ) verwenden.


Beispiel:

 This highlighted word is ==Bee==


Ausgabe:




9. Fußnoten : Fußnoten sind eine Möglichkeit, am Ende Ihres Dokuments Notizen und Referenzen hinzuzufügen, ohne den Hauptteil zu überladen. Um einen Fußnotenverweis zu erstellen, fügen Sie ein Caret-Symbol ( ^ ) und einen eindeutigen Bezeichner (normalerweise Zahlen oder Wörter) in Klammern ( [^1] ) hinzu.


Bezeichner dürfen keine Leerzeichen oder Tabulatoren enthalten. In der Ausgabe werden Fußnoten fortlaufend nummeriert.


Beispiel:


 This is an example sentence with a footnote[^1]. [^1]: This is the content of the footnote.


Die Ausgabe:


Weitere Informationen zur erweiterten Formatierung in Markdown finden Sie hier.


Reale Anwendungen auf Markdown

Markdown erfreut sich bei Softwareentwicklern und Programmierern großer Beliebtheit. Insbesondere hat es innerhalb von Versionskontrollplattformen eine zentrale Rolle eingenommen und dient als umfassendes und zugängliches Mittel zur Erklärung des Wesens einer Codebasis.


Durch den Einsatz von Markdown als Kanal zur Beschreibung der Feinheiten des eigenen Codes schaffen Entwickler eine harmonische Mischung aus Klarheit und Kontext.


Diese Praxis hilft denjenigen, die auf ihr Code-Repository stoßen, und erleichtert ein schnelles und umfassendes Verständnis des Gesamtzwecks und der Nuancen des Projekts.


Auf diese Weise fungiert Markdown nicht nur als Formatierungstool, sondern auch als leistungsstarker Kommunikator, der die Lücke zwischen komplizierten Codierungsbemühungen und ihren tiefgreifenden Auswirkungen auf die reale Welt schließt.

Abschluss

Denken Sie daran, dass Markdown nicht nur ein Werkzeug ist; Es ist eine Brücke, die Ihre Gedanken mit einem globalen Publikum verbindet und es ermöglicht, dass Ihre Stimme klar und wirkungsvoll gehört wird.


Seine Kompatibilität mit verschiedenen Plattformen, seine Einfachheit und seine Anpassungsfähigkeit stellen sicher, dass Ihre Reise mit Markdown nicht auf diesen Leitfaden beschränkt ist, sondern weitergeht, während Sie neue Möglichkeiten erkunden, sich selbst und Ihre Ideen auszudrücken.

Ressourcen

Danke


Auch hier veröffentlicht