[{"data":1,"prerenderedAt":20},["ShallowReactive",2],{"clay-page:\u002Fde\u002Forganizing\u002Findex-pages":3},{"html":4,"toc":5,"description":16,"hero":17,"list":18,"socialImage":19},"\u003Ch1 id=\"indexseiten\">Indexseiten\u003C\u002Fh1>\n\u003Cp>Jeder Ordner hat eine Seite unter seiner URL, und die Website hat eine Startseite an ihrer Wurzel. Beide schreibst du in Markdown, in einer Datei namens \u003Ccode>index.md\u003C\u002Fcode>:\u003C\u002Fp>\n\u003Cdiv class=\"file-tree not-prose\">\u003Cul>\u003Cli>\u003Cdetails open=\"\">\u003Csummary class=\"file-tree-entry file-tree-folder\">\u003Ci class=\"fa-solid fa-chevron-right file-tree-chevron\" aria-hidden=\"true\">\u003C\u002Fi>\u003Ci class=\"fa-solid fa-folder-open file-tree-open\" aria-hidden=\"true\">\u003C\u002Fi>\u003Ci class=\"fa-solid fa-folder file-tree-closed\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"file-tree-name\">docs\u003C\u002Fspan>\u003C\u002Fsummary>\u003Cul>\u003Cli>\u003Cspan class=\"file-tree-entry\">\u003Cspan class=\"file-tree-chevron\" aria-hidden=\"true\">\u003C\u002Fspan>\u003Ci class=\"fa-brands fa-markdown\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"file-tree-name\">index.md\u003C\u002Fspan>\u003Cspan class=\"file-tree-comment\">die Startseite, \u002F\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fli>\u003Cli>\u003Cspan class=\"file-tree-entry\">\u003Cspan class=\"file-tree-chevron\" aria-hidden=\"true\">\u003C\u002Fspan>\u003Ci class=\"fa-brands fa-markdown\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"file-tree-name\">index.de.md\u003C\u002Fspan>\u003Cspan class=\"file-tree-comment\">ihre deutsche Übersetzung, \u002Fde\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fli>\u003Cli>\u003Cdetails open=\"\">\u003Csummary class=\"file-tree-entry file-tree-folder\">\u003Ci class=\"fa-solid fa-chevron-right file-tree-chevron\" aria-hidden=\"true\">\u003C\u002Fi>\u003Ci class=\"fa-solid fa-folder-open file-tree-open\" aria-hidden=\"true\">\u003C\u002Fi>\u003Ci class=\"fa-solid fa-folder file-tree-closed\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"file-tree-name\">guides\u003C\u002Fspan>\u003C\u002Fsummary>\u003Cul>\u003Cli>\u003Cspan class=\"file-tree-entry\">\u003Cspan class=\"file-tree-chevron\" aria-hidden=\"true\">\u003C\u002Fspan>\u003Ci class=\"fa-brands fa-markdown\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"file-tree-name\">index.md\u003C\u002Fspan>\u003Cspan class=\"file-tree-comment\">die Seite des Ordners guides, \u002Fguides\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fli>\u003Cli>\u003Cspan class=\"file-tree-entry\">\u003Cspan class=\"file-tree-chevron\" aria-hidden=\"true\">\u003C\u002Fspan>\u003Ci class=\"fa-brands fa-markdown\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"file-tree-name\">index.de.md\u003C\u002Fspan>\u003Cspan class=\"file-tree-comment\">ihre deutsche Übersetzung, \u002Fde\u002Fguides\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fdetails>\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fdetails>\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fdiv>\n\u003Cp>Eine Indexseite ist eine Seite wie jede andere, mit Überschrift, Text, Links, Code, Hinweisen und Komponenten. Ihr Front Matter benennt außerdem den Ordner, siehe \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Forganizing\u002Ffolders\" data-route=\"\u002Fde\u002Forganizing\u002Ffolders\">Ordner\u003C\u002Fa>.\u003C\u002Fp>\n\u003Ch2 id=\"eine-liste-der-seiten-und-ein-großer-kopf\">\u003Ca class=\"heading-anchor\" href=\"#eine-liste-der-seiten-und-ein-großer-kopf\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#eine-liste-der-seiten-und-ein-großer-kopf\">#\u003C\u002Fa>Eine Liste der Seiten und ein großer Kopf\u003C\u002Fh2>\n\u003Cp>Zwei Front-Matter-Felder gestalten Indexseiten:\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Feld\u003C\u002Fth>\n\u003Cth>Wirkung\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\u003Ctr>\n\u003Ctd>\u003Ccode>list: true\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Listet die Seiten und Unterordner des Ordners unter dem Text\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>hero: true\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>Zeigt \u003Ccode>title\u003C\u002Fcode>, \u003Ccode>icon\u003C\u002Fcode> und \u003Ccode>description\u003C\u002Fcode> als großen, zentrierten Kopf über dem Text\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\u003C\u002Ftable>\n\u003Cp>Die Startseite dieser Website nutzt \u003Ccode>hero\u003C\u002Fcode>:\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\">Clay-Dokumentation\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-book-open\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\">Mach aus einem Ordner voller Markdown-Dateien eine schnelle, durchsuchbare Dokumentationsseite.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#569CD6\">hero\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000FF;--shiki-dark:#D4D4D4\">: \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#569CD6\">true\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:#000000;--shiki-dark:#D4D4D4\">Clay macht aus einem Ordner voller Markdown-Dateien eine Dokumentationsseite …\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\u003Cp>Mit \u003Ccode>hero: true\u003C\u002Fcode> lässt du die \u003Ccode># Überschrift\u003C\u002Fcode> weg: Der Kopf zeigt den Titel schon.\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>\u003Ccode>list\u003C\u002Fcode> zeigt jede Seite des Ordners, in der Reihenfolge der Seitenleiste, wie bei den \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fguides\" data-route=\"\u002Fde\u002Fguides\">Anleitungen\u003C\u002Fa> dieser Website. Für einige ausgewählte Seiten, mit ihren Icons und Beschreibungen, nimm stattdessen \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fcomponents\u002Fcards\" data-route=\"\u002Fde\u002Fwriting\u002Fcomponents\u002Fcards\">Karten\u003C\u002Fa>, wie die anderen Bereichsseiten.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Ch2 id=\"ordner-ohne-indexseite\">\u003Ca class=\"heading-anchor\" href=\"#ordner-ohne-indexseite\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#ordner-ohne-indexseite\">#\u003C\u002Fa>Ordner ohne Indexseite\u003C\u002Fh2>\n\u003Cp>Ein Ordner ohne \u003Ccode>index.md\u003C\u002Fcode>, oder einer, dessen \u003Ccode>index.md\u003C\u002Fcode> keinen Text hat, bekommt eine Seite aus seinem Titel, seinem Icon und der Liste seiner Seiten. Die Website funktioniert ohne jede \u003Ccode>index.md\u003C\u002Fcode>; leg sie dort an, wo ein Ordner eine Einführung verdient.\u003C\u002Fp>\n\u003Cp>Ohne \u003Ccode>docs\u002Findex.md\u003C\u002Fcode> zeigt die Startseite den Titel der Website und eine Liste der obersten Seiten und Ordner.\u003C\u002Fp>\n\u003Ch2 id=\"links-auf-ordner\">\u003Ca class=\"heading-anchor\" href=\"#links-auf-ordner\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#links-auf-ordner\">#\u003C\u002Fa>Links auf Ordner\u003C\u002Fh2>\n\u003Cp>Der Titel eines Ordners in der Seitenleiste öffnet seine Seite; der Pfeil daneben zeigt und versteckt die Seiten darin. Brotkrumen und Links auf einen Ordner führen ebenfalls zu seiner Seite, genauso Links auf die \u003Ccode>index.md\u003C\u002Fcode>:\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>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">Alle Anleitungen\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">](\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-light-text-decoration:underline;--shiki-dark:#D4D4D4;--shiki-dark-text-decoration:underline\">guides\u002Findex.md\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">[\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">Alle Anleitungen\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">](\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-light-text-decoration:underline;--shiki-dark:#D4D4D4;--shiki-dark-text-decoration:underline\">guides\u002F\u003C\u002Fspan>\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\u003Cp>Links in einer \u003Ccode>index.md\u003C\u002Fcode> sind relativ zu ihrem Ordner, wie auf GitHub: In \u003Ccode>docs\u002Fguides\u002Findex.md\u003C\u002Fcode> führt \u003Ccode>[Einrichtung](setup.md)\u003C\u002Fcode> zu \u003Ccode>docs\u002Fguides\u002Fsetup.md\u003C\u002Fcode>.\u003C\u002Fp>\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>Seiten von Ordnern erscheinen in Suchergebnissen, und die Links zur vorigen und nächsten Seite führen durch sie hindurch, vor den Seiten ihres Ordners.\u003C\u002Fp>\n\u003C\u002Fdiv>\n",[6,10,13],{"id":7,"text":8,"level":9},"eine-liste-der-seiten-und-ein-großer-kopf","Eine Liste der Seiten und ein großer Kopf",2,{"id":11,"text":12,"level":9},"ordner-ohne-indexseite","Ordner ohne Indexseite",{"id":14,"text":15,"level":9},"links-auf-ordner","Links auf Ordner","Die Startseite und die Seite jedes Ordners sind Markdown-Dateien namens index.md, mit optionaler Liste der Seiten und großem Kopf.",null,false,"\u002F_clay\u002Fsocial\u002Fde\u002Forganizing\u002Findex-pages.png",1792666371571]