Markdown -Link zum Abschnitt

„Die Bereitstellung von Links, die den Leser auf einen bestimmten Abschnitt des Dokuments lenken. Diese Technik spart den Benutzern nicht nur Zeit, sondern setzt auch mehr Leser auf die Webseite ein. Mit Markdown können wir Links erstellen, die sich auf einen bestimmten Abschnitt desselben Dokuments beziehen, indem Sie auf den Link klicken.”

Mit diesem Leitfaden können Sie solche Links in Ihrem Dokument generieren.

Erstellen von Links zu bestimmten Abschnitten des Dokuments in Markdown

In diesem Tutorial sehen wir, wie Sie einen Link zu einem bestimmten Abschnitt desselben Dokuments im Markdown erstellen können. Wenn Sie also auf den Link für diesen bestimmten Abschnitt klicken, können Sie problemlos darauf zugreifen, ohne durch das gesamte Dokument navigieren zu müssen, um ihn zu finden.

Bevor wir mit der Arbeit an dem Thema beginnen, müssen wir zunächst ein Tool mit der entsprechenden Umgebung finden, um das Markdown -Skript zu implementieren. Es gibt eine Vielzahl von Tools, die die Markdown -Sprache unterstützen. In unserem Fall haben wir Visual Studio Code als die beste Software zum Kompilieren der Markdown -Skripte gefunden. Daher haben wir die Software heruntergeladen und in unser System installiert. Erstellen Sie nach dem Start der Schnittstelle eine neue Datei und wählen Sie den Dateityp als "Markdown" aus. Fügen Sie die Erweiterung "Alldown in einer" in das Tool hinzu und drücken Sie dann die Tasten „Strg+Shift+V“, um das Vorschau -Fenster zu öffnen. Das Vorschau -Fenster wird die erwartete Ausgabe des in der Markdown -Datei geschriebenen Skripts erbringen.

Jetzt werden wir initiieren, indem wir lernen, einen Link in Markdown zu erstellen. Die Link -Generierung ist eine sehr einfache Methode, wie der Rest der Markdown -Konzepte. Die Syntax zum Erstellen eines Links in Markdown für einen Abschnitt desselben Dokuments ist unten bereitgestellt:

Diese Syntax hat zwei Teile. Der erste Teil enthält den Titel des Links, und der zweite Teil speichert den Link des jeweiligen Abschnitts. Um den Titel des Links zu schreiben, müssen wir die quadratischen Klammern „[]“ verwenden und das Label schreiben, mit dem Ihr Link angezeigt werden soll. Der Link zum spezifischen Abschnitt dieses Dokuments kann mit den runden Klammern „()“ hinzugefügt werden. Fügen Sie in den Klammern ein Hash (#) -Symbol ein und schreiben Sie dann den Namen des jeweiligen Abschnitts, wie Sie es im Dokument mit dem Titel ". Wenn der Titel, für den Sie einen Link haben möchten, Leerzeichen enthält, fügen Sie die Striche (-) hinzu, um die Leerzeichen zu ersetzen, während Sie sie als Linkreferenz setzen.

Implementieren wir es nun in VS Code

Wir haben in unserer Datei eine Markdown -Überschrift erstellt. Um eine Überschrift zu erstellen, müssen wir das Hash (#) -Symbol verwenden und dann einen Platz einlegen, bevor wir den Übergangstitel schreiben. Dies erzeugt eine Überschrift mit H1 -Größe. Wir haben also den Hash (#) hinzugefügt, und nach dem Raum wird der Titel der Überschrift als „Abschnitt 1“ identifiziert. Um zur nächsten Zeile zu wechseln, müssen wir einfach die Eingabetaste drücken. Hier schreiben wir einen Absatz. Markdown liefert keine spezielle Syntax für das Schreiben eines Absatzes. Sie müssen nur den Text schreiben und er wird als regulärer Textabsatz angezeigt.

Wir haben einen Text hinzugefügt, um einen Absatz unter der ersten Überschrift zu erstellen, nämlich „Wir erstellen Links im Markdown für den Zugriff auf einen Abschnitt desselben Dokuments. Folgen Sie den Schritten, um das Konzept zu lernen.Sie können es im Schnappschuss des unten angehängten Skripts sehen:

Nach dem angewandten Markdown -Skript zeigt das Vorschau -Fenster einen Header mit der H1 -Größe mit dem Titel „Abschnitt 1“ und darunter wird ein Absatz gerendert.

Um nun einen Markdown -Link zum Scrollen zu diesem Abschnitt des Dokuments zu erstellen, üben wir die oben angegebene Markdown -Link -Syntax aus.

Sie können den Link überall im Dokument hinzufügen, der Ihren Anforderungen am besten entspricht. Für unsere Illustration generieren wir einen Link oben auf der Seite, sodass der Link ihn/sie dorthin bringt, anstatt das gesamte Dokument durch das gesamte Dokument zu navigieren, wenn der Benutzer zu einer bestimmten Überschrift springen möchte.

Also haben wir den Prozess gestartet, indem wir zuerst den normalen Text als „Klicken“ hinzufügen, und dann haben wir die Quadratklammern begonnen. Zwischen diesen Zahnspangen wird der Titel für die Verbindung angegeben. Wir haben das Link -Etikett als "Abschnitt1" hinzugefügt. Gleich nach den Quadratklammern ohne Platz haben wir die runden Klammern eingefügt. Hier fügen wir die Referenz der Überschrift hinzu, die geöffnet werden soll, wenn wir auf den Link klicken. Fügen Sie zuerst das Hash (#) -Symbol hinzu und schreiben Sie dann den Titel des spezifischen Überschriftens. Da der Name der Überschrift, die in unserer Instanz „Abschnitt 1“ ist, einen Platz hat, während wir die Überschrift an der Link -Stelle erwähnen, können wir keine Leerzeichen hinzufügen. Um den Speicherplatz zu ersetzen, haben wir das Dash (-) Symbol zwischen den beiden Wörtern als "#§ 1" eingefügt.

Da wir vor dem Generieren eines Links Text hinzugefügt haben, können wir ihn auch nach dem Link hinzufügen. Also haben wir es als „Klicken Sie auf [Abschnitt 1] (#Section-1) an, um die erste Überschrift zu öffnen.”

Im Vorschau -Fenster können Sie feststellen, dass die Schnur, die wir in den Quadratklammern hinzugefügt haben. Der Verweis auf den von uns bereitgestellten Abschnitt des Dokuments ist in diese Zeichenfolge eingebettet. Wenn Sie darauf klicken, führt Sie direkt zum Teil der Seite, auf dem die Überschrift „Abschnitt 1“ lautet.

Wenn wir darauf klicken, führt es uns zu einem bestimmten Abschnitt des Dokuments mit einem angegebenen Header.

Jetzt erstellen wir Links für einige andere Abschnitte des Dokuments, aber zuerst müssen wir verschiedene Überschriften erstellen.

Unter dem Absatz der ersten Überschrift ließen wir eine leere Linie und begannen, auf der Linie daneben zu schreiben. Zum Erstellen der 2. Überschrift haben wir Doppel -Hashes (##), Platz und den Titel "Absatz 1" verwendet.2 ”“. Dann haben wir einen Beispielabsatz für diese Überschrift hinzugefügt.

Für das Hinzufügen der dritten Überschrift haben wir 3 Hashes eingefügt und den Titel "Abschnitt 3" mit dem Titel und auch einen Beispielabsatz dafür angehängt.

Dann haben wir Links für jede Überschrift erstellt. Für die zweite Überschrift schrieben wir es als "Klicken, um [Abschnitt 2] (#Section-2) zu öffnen" und für die dritte Überschrift "Klicken, um [Abschnitt 3] zu öffnen (#Abschnitt 3)". Wir haben alle drei Links oben im Dokument hinzugefügt.

Wenn Sie auf den Link „Abschnitt 2“ klicken, wird der Abschnitt 2 über die Seite geöffnet.

In ähnlicher Weise bringt uns das Klicken auf den Link „Abschnitt 3“ zum Teil der Seite mit der Überschrift „Abschnitt 3“. Wie im Bild unten angezeigt:

Insgesamt sieht unser erstelltes Dokument ungefähr so ​​aus:

Abschluss

Markdown bietet uns unterschiedliche Techniken, um Links zu unseren Dokumenten hinzuzufügen. Das Einfügen von Links für den schnellen Zugriff auf einen bestimmten Teil der Seite ist eine der besten Verfahren, um den Benutzer zu erleichtern. In diesem Artikel haben wir dieses Konzept mit einer sehr detaillierten Erklärung des Markdown -Skripts aufgenommen. Wir haben Beispielüberschriften erstellt und auch Absätze in sie gesteckt. Für jede Überschrift wurden Links erzeugt. Wir haben auch das erwartete Ergebnis, das im Vorschaubfenster für jeden Link, den wir geklickt haben, im Fenster Vorschau erzeugt wurde.