[{"data":1,"prerenderedAt":20},["ShallowReactive",2],{"clay-page:\u002F3.x\u002Fde\u002Fwriting\u002Fpages":3},{"html":4,"toc":5,"description":16,"hero":17,"list":18,"socialImage":19},"\u003Ch1 id=\"seiten\">Seiten\u003C\u002Fh1>\n\u003Cp>Jede Markdown-Datei in \u003Ccode>docs\u002F\u003C\u002Fcode> ist eine Seite. Ihr Pfad bestimmt ihre URL:\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Datei\u003C\u002Fth>\n\u003Cth>URL\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\u003Ctr>\n\u003Ctd>\u003Ccode>docs\u002Fintroduction.md\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>\u002Fintroduction\u003C\u002Fcode>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>docs\u002Fguides\u002Fsetup.md\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>\u002Fguides\u002Fsetup\u003C\u002Fcode>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>docs\u002Fguides\u002Fadvanced\u002Ftuning.md\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>\u002Fguides\u002Fadvanced\u002Ftuning\u003C\u002Fcode>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\u003C\u002Ftable>\n\u003Cp>Auch Ordner bekommen eine Seite: \u003Ccode>\u002Fguides\u003C\u002Fcode> zeigt die \u003Ca href=\"\u002Fclay-example-repo\u002F3.x\u002Fde\u002Forganizing\u002Findex-pages\" data-route=\"\u002F3.x\u002Fde\u002Forganizing\u002Findex-pages\">index.md\u003C\u002Fa> des Ordners, sonst eine Liste der Seiten und Ordner in \u003Ccode>guides\u002F\u003C\u002Fcode>. Eine URL, die auf \u003Ccode>.md\u003C\u002Fcode> endet, wie \u003Ccode>\u002Fguides\u002Fsetup.md\u003C\u002Fcode>, leitet zur Seite weiter.\u003C\u002Fp>\n\u003Cdiv class=\"markdown-alert markdown-alert-tip\">\n\u003Cp class=\"markdown-alert-title text-primary\">\u003Ci class=\"fa-solid fa-lightbulb mr-2\">\u003C\u002Fi>Tipp\u003C\u002Fp>\n\u003Cp>Dateinamen landen in URLs. Nimm kleingeschriebene Wörter mit Bindestrichen (\u003Ccode>getting-started.md\u003C\u002Fcode>) und benenne veröffentlichte Seiten möglichst nicht um: Links auf die alte URL funktionieren sonst nicht mehr.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Ch2 id=\"titel\">\u003Ca class=\"heading-anchor\" href=\"#titel\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#titel\">#\u003C\u002Fa>Titel\u003C\u002Fh2>\n\u003Cp>Der Titel einer Seite erscheint in der Seitenleiste, den Brotkrumen, Suchergebnissen und im Browser-Tab. Clay nimmt das Erste davon:\u003C\u002Fp>\n\u003Col>\n\u003Cli>\u003Ccode>title\u003C\u002Fcode> im Front Matter,\u003C\u002Fli>\n\u003Cli>die erste \u003Ccode># Überschrift\u003C\u002Fcode> der Seite,\u003C\u002Fli>\n\u003Cli>den Dateinamen, mit Leerzeichen statt Bindestrichen: \u003Ccode>getting-started.md\u003C\u002Fcode> wird zu „Getting started“.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>Die meisten Seiten brauchen nur eine \u003Ccode># Überschrift\u003C\u002Fcode>. Nimm \u003Ccode>title\u003C\u002Fcode>, wenn die Seitenleiste etwas Kürzeres zeigen soll als die Überschrift.\u003C\u002Fp>\n\u003Ch2 id=\"front-matter\">\u003Ca class=\"heading-anchor\" href=\"#front-matter\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#front-matter\">#\u003C\u002Fa>Front Matter\u003C\u002Fh2>\n\u003Cp>Front Matter ist ein optionaler Block mit Einstellungen ganz oben auf einer Seite, zwischen zwei \u003Ccode>---\u003C\u002Fcode>-Zeilen:\u003C\u002Fp>\n\u003Cdiv class=\"code-block\">\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">---\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">title\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000FF;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#CE9178\">Einrichtung\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">icon\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000FF;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#CE9178\">fa-solid fa-wrench\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">description\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000FF;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#CE9178\">So installierst und konfigurierst du das Projekt in fünf Schritten.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">order\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000FF;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#076240;--shiki-dark:#B5CEA8\">2\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">---\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-light-font-weight:bold;--shiki-dark:#569CD6;--shiki-dark-font-weight:bold\"># Das Projekt einrichten\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Code kopieren\" aria-label=\"Code kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Feld\u003C\u002Fth>\n\u003Cth>Standard\u003C\u002Fth>\n\u003Cth>Zweck\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\u003Ctr>\n\u003Ctd>\u003Ccode>title\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>erste Überschrift, dann Dateiname\u003C\u002Ftd>\n\u003Ctd>Titel in Navigation, Suche und Browser-Tab\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>icon\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>fa-solid fa-file\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Ca href=\"\u002Fclay-example-repo\u002F3.x\u002Fde\u002Ffeatures\u002Fthemes-and-icons\" data-route=\"\u002F3.x\u002Fde\u002Ffeatures\u002Fthemes-and-icons\">Font-Awesome\u003C\u002Fa>-Icon in Seitenleiste und Brotkrumen\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>description\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>erster Absatz\u003C\u002Ftd>\n\u003Ctd>Zusammenfassung für Suchmaschinen und Link-Vorschauen, siehe \u003Ca href=\"\u002Fclay-example-repo\u002F3.x\u002Fde\u002Ffeatures\u002Fseo\" data-route=\"\u002F3.x\u002Fde\u002Ffeatures\u002Fseo\">SEO\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>order\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>keiner\u003C\u002Ftd>\n\u003Ctd>Position zwischen den Seiten und Ordnern daneben, siehe \u003Ca href=\"\u002Fclay-example-repo\u002F3.x\u002Fde\u002Forganizing\u002Fnavigation\" data-route=\"\u002F3.x\u002Fde\u002Forganizing\u002Fnavigation\">Navigation\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>list\u003C\u002Fcode>, \u003Ccode>hero\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>\u003Ccode>false\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Nur für \u003Ccode>index.md\u003C\u002Fcode>: eine Liste der Seiten des Ordners und eine große Kopfzeile, siehe \u003Ca href=\"\u002Fclay-example-repo\u002F3.x\u002Fde\u002Forganizing\u002Findex-pages\" data-route=\"\u002F3.x\u002Fde\u002Forganizing\u002Findex-pages\">Indexseiten\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\u003C\u002Ftable>\n\u003Cp>Die vollständige Referenz steht auf der Seite \u003Ca href=\"\u002Fclay-example-repo\u002F3.x\u002Fde\u002Fconfiguration\u002Ffront-matter\" data-route=\"\u002F3.x\u002Fde\u002Fconfiguration\u002Ffront-matter\">Front Matter\u003C\u002Fa>. Eine Datei namens \u003Ccode>index.md\u003C\u002Fcode> ist keine eigene Seite: Sie ist die Seite ihres Ordners, siehe \u003Ca href=\"\u002Fclay-example-repo\u002F3.x\u002Fde\u002Forganizing\u002Findex-pages\" data-route=\"\u002F3.x\u002Fde\u002Forganizing\u002Findex-pages\">Indexseiten\u003C\u002Fa>.\u003C\u002Fp>\n\u003Cp>Front Matter zählt nur, wenn \u003Ccode>---\u003C\u002Fcode> die allererste Zeile der Datei ist. Eine Trennlinie weiter unten wird also nie dafür gehalten. Werte dürfen in Anführungszeichen stehen, müssen aber nicht:\u003C\u002Fp>\n\u003Cdiv class=\"code-block\">\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">---\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">title\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000FF;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">\"Einrichtung: der lange Weg\"\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">icon\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000FF;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#CE9178\">fa-solid fa-wrench\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">---\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Code kopieren\" aria-label=\"Code kopieren\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003Cdiv class=\"markdown-alert markdown-alert-note\">\n\u003Cp class=\"markdown-alert-title text-base-content\">\u003Ci class=\"fa-solid fa-sticky-note mr-2\">\u003C\u002Fi>Hinweis\u003C\u002Fp>\n\u003Cp>Felder, die Clay nicht kennt, ignoriert es. Felder anderer Werkzeuge, wie \u003Ccode>tags\u003C\u002Fcode> oder \u003Ccode>author\u003C\u002Fcode>, können im selben Block bleiben.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Ch2 id=\"aufbau-einer-seite\">\u003Ca class=\"heading-anchor\" href=\"#aufbau-einer-seite\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#aufbau-einer-seite\">#\u003C\u002Fa>Aufbau einer Seite\u003C\u002Fh2>\n\u003Cp>Jede Seite zeigt von oben nach unten:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>den Inhalt, aus Markdown gerendert,\u003C\u002Fli>\n\u003Cli>einen Link \u003Cstrong>Diese Seite bearbeiten\u003C\u002Fstrong> und das Datum der letzten Änderung (wenn eingerichtet, siehe \u003Ca href=\"\u002Fclay-example-repo\u002F3.x\u002Fde\u002Ffeatures\u002Fpage-details\" data-route=\"\u002F3.x\u002Fde\u002Ffeatures\u002Fpage-details\">Seitendetails\u003C\u002Fa>),\u003C\u002Fli>\n\u003Cli>Links zur vorherigen und nächsten Seite der Navigation.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Auf breiten Bildschirmen listet ein Inhaltsverzeichnis die \u003Ccode>##\u003C\u002Fcode>- und \u003Ccode>###\u003C\u002Fcode>-Überschriften der Seite und markiert den Abschnitt, den du gerade liest.\u003C\u002Fp>\n",[6,10,13],{"id":7,"text":8,"level":9},"titel","Titel",2,{"id":11,"text":12,"level":9},"front-matter","Front Matter",{"id":14,"text":15,"level":9},"aufbau-einer-seite","Aufbau einer Seite","Wie aus Markdown-Dateien Seiten werden, woher Seiten ihre Titel bekommen und welche Front-Matter-Felder Clay liest.",null,false,"\u002F_clay\u002Fsocial\u002F3.x\u002Fde\u002Fwriting\u002Fpages.png",1792666371025]