Zum Inhalt springen
Das ist die Dokumentation für Clay 3.x. Zur neuesten Version (5.x)
Auf dieser Seite

Links & Bilder

Links funktionieren in Clay wie Links zwischen Dateien auf GitHub: Du verlinkst die Markdown-Datei, relativ zur Seite, an der du schreibst. Dieselben Links funktionieren auf GitHub, in deinem Editor und auf der Seite.

[Installation](../getting-started/installation.md)
[Hinweise](alerts.md)
[Codeblöcke](./code-blocks.md)

Installation, Hinweise, Codeblöcke

Clay löst den Pfad relativ zur aktuellen Seite auf, lässt das .md weg und macht daraus einen Link, der die Basis-URL der Seite beibehält. Links zu Ordnern funktionieren auch und führen zur Seite des Ordners: der Abschnitt Konfiguration oder der Abschnitt Konfiguration.

Links, die mit / beginnen, starten an der Wurzel der Dokumentation: [Seiten](/writing/pages.md) verlinkt von überall auf docs/writing/pages.md.

Hänge den Anker der Überschrift nach # an:

[Zeilen hervorheben](code-blocks.md#zeilen-hervorheben)
[Bilder](#bilder)

Zeilen hervorheben und Bilder auf dieser Seite.

Anker entstehen wie auf GitHub: kleingeschrieben, Leerzeichen werden zu Bindestrichen, Satzzeichen fallen weg. „Links zu Abschnitten“ wird zu #links-zu-abschnitten. Im Zweifel kopierst du den Link aus dem Inhaltsverzeichnis der Seite.

Hinweis

Anker hängen am Text der Überschrift, und der ist in jeder Sprache anders. In einer Übersetzung verlinkst du deshalb die Anker der übersetzten Überschriften.

[Shiki](https://shiki.style)
[Schreib uns](mailto:docs@example.com)

Links zu anderen Websites öffnen sich in einem neuen Tab. mailto:, tel: und ähnliche Links überlässt Clay dem Browser.

#Bilder

Lege Bilder neben deine Seiten und binde sie relativ zur Seite ein:

![Das Clay-Logo](../../logo.svg)
![Build-Schritte](img/build-steps.png)

Der Text in den eckigen Klammern beschreibt das Bild für Screenreader und Suchmaschinen; schreib immer einen. Clay kopiert jede Datei aus docs/ in die Seite, docs/writing/img/build-steps.png liegt also neben dieser Seite.

Tipp

Halte Bilder in einem Ordner img/ neben den Seiten, die sie nutzen. Ordner ohne Markdown-Dateien erscheinen nie in der Navigation.

Bilder und Dateien teilen sich alle Sprachen: Eine Übersetzung bindet sie mit denselben Pfaden ein wie das Original.

#Downloads

Verlinke jede andere Datei genauso, und Leser können sie herunterladen:

[Checkliste herunterladen (PDF)](files/checklist.pdf)

#Bei jedem Build geprüft

clay build prüft jeden Link und jedes Bild deiner Dokumentation. Ein Link auf eine Seite, die es nicht gibt, oder ein fehlendes Bild wird als Warnung gemeldet:

▲ Broken link in writing/pages.md: "setup.md" points to a missing page (/writing/setup)

Mit --strict lassen Warnungen den Build scheitern, und kaputte Links erreichen deine Leser nie. Siehe Build-Prüfungen.

Hinweis

Links zu anderen Websites und #Anker werden nicht geprüft.