Grav - Seitenverknüpfung

In diesem Kapitel erfahren Sie, wie Sie Seiten in Grav verknüpfen. Sie können eine Seite auf einfache Weise mit einer anderen verknüpfen, und sogar Remote-Seiten können mit Seitenverknüpfungen verknüpft werden. Grav bietet viele reaktionsschnelle Verknüpfungsoptionen. Wenn Sie verwendet habenHTML Um die Dateien vorher zu verknüpfen, ist es sehr einfach, die Seitenverknüpfung in Grav zu verstehen.

Im Folgenden finden Sie ein grundlegendes Beispiel für das Seitenverzeichnis einer Grav-Site. Wir werden das folgende Verzeichnis als Beispiel verwenden, wie im Bild gezeigt.

Im Folgenden sind einige allgemeine Komponenten von Grav Link aufgeführt.

[Linked Content](../path/slug/page)

[]- Gibt an, dass der verknüpfte Text oder alternative Inhalt geschrieben werden soll. In HTML verwenden wir <a href=""> und </a>, um den Inhalt zu platzieren.
() - Die URL befindet sich in dieser Klammer, die direkt hinter der eckigen Klammer steht.
../ - Zeigt eine Verschiebung um ein Verzeichnis an.

Es gibt 4 Arten von Links, die im Inhalt verwendet werden, wie unten aufgeführt -

Slug Relative
Directory Relative
Absolute
Remote

Slug Relative

Interne Links sind nicht auf einige Namen in Ihrer Datei- / Verzeichnisstruktur beschränkt. Die Slugs können sowohl aus dem Header- als auch aus dem Fallback-Verzeichnisnamen abgerufen werden. Auf diese Weise können Sie später problemlos Links erstellen, da Sie sich keinen bestimmten Dateinamen merken müssen, sondern sich einen relevanten Slug merken können. Die Vorlagen-Engine von Grav verwendet Dateinamen, um zu wissen, welche Vorlage angewendet werden soll.

[link](../dog)

Der obige Code ruft Ihnen das folgende Ergebnis ab:

Im obigen Beispiel müssen Sie ein Verzeichnis nach oben verschieben und die Standardseite laden, die sich in der befindet pages/01.home/02.nature/item.md Verzeichnis von pages/01.home/02.dog/item.md. Der Datei item.md ist kein Slug zugewiesen, daher verwendet Grav den Verzeichnisnamen.

Als nächstes finden Sie ein ähnliches Beispiel, das von verlinkt pages/01.home/01.dog/item.md zu pages/02.black/01.fish/item.mdWenn jedoch die Datei item.md geladen wird, wird der Datei von ein Slug zugewiesen 01.fish.

[link](../../black/fish)

Der obige Code gibt Ihnen das folgende Ergebnis -

Sie werden nun sehen, dass der Standardname des Slug-Ordners durch ersetzt wird black Slug in der Kopfzeile von item.md.

Verzeichnis relativ

Relativ festgelegte Ziele werden verwendet, um die aktuelle Seite zu verknüpfen, bei der es sich je nach Bedarf um eine Bilddatei oder eine andere Datei handeln kann. Der Speicherort der Datei ist genauso wichtig wie der des Ziels. Wenn die Datei beim Ändern des Pfads verschoben wird, kann die Verknüpfung unterbrochen werden. Solange eine Datei konsistent bleibt, können Sie problemlos zwischen einem lokalen Entwicklungsserver und einem Live-Server mit einem anderen Domänennamen wechseln. Links sollten ohne Probleme funktionieren.

Sie verweisen auf den Link Ihrer Datei direkt anhand des Namens anstelle des Verzeichnisses oder des Slugs. Sie können einen Link aus erstellenpages/01.home/01.dog/item.md to pages/02.black/01.fish/item.md Verwenden Sie den Befehl wie unten gezeigt.

[link](../../02.black/01.fish/item.md)

Der obige Code gibt Ihnen das folgende Ergebnis -

Beide Ordner werden nach oben verschoben, wie in gezeigt ../../und dann unten zwei Ordner, die direkt auf zeigen item.md Datei.

Absolute Links

Es ähnelt relativen Links, basierend auf Ihren /user/pages/Verzeichnis in Grav. Ferner kann dies mit zwei Methoden erfolgen.

Slug Relative style
Directory Relative style

Slug Relative Style

Sie können dies ähnlich wie beim relativen Slug-Typ tun. Es verwendet den Verzeichnisnamen im Pfad. Es beseitigt die Bestellfehler und Änderungen später, indem die Verbindung unterbrochen wird. Es ändert die Nummer des Ordnernamens am Anfang, was zum Unterbrechen des Links führt.

Im Folgenden finden Sie ein Beispiel für einen absoluten Link. Der Link wird mit / geöffnet. Es gibt an, dass eine absolute Verknüpfung hergestellt wirdpages/01.home/01.dog/item.md im Slug-Stil.

[link](/home/nature)

Der obige Code gibt Ihnen das folgende Ergebnis -

Directory relative styleist konsistenter, wenn es mit Diensten wie GitHub verwendet wird. Sie haben nicht den Vorteil von Gravs Flexibilität. Unten sehen Sie ein Beispiel für einen absoluten Link zupages/01.home/01.dog/item.md Verwenden des relativen Verzeichnisstils.

[link](/01.home/01.dog)

Fernbedienung

Mit Remote-Links können Sie über die URL direkt auf eine Datei oder ein Dokument verlinken. Es ist nicht erforderlich, den Inhalt Ihrer eigenen Website einzuschließen.

Das folgende Beispiel zeigt Ihnen, wie Sie eine Verknüpfung herstellen TutorialsPoint Seite.

[link](http://www.tutorialspoint.com)

Der obige Code gibt Ihnen das folgende Ergebnis -

Sie können direkt auf eine beliebige URL verlinken, einschließlich gesicherter HTTPS-Links.