[{"data":1,"prerenderedAt":26},["ShallowReactive",2],{"clay-page:\u002F3.x\u002Fde\u002Forganizing\u002Fnavigation":3},{"html":4,"toc":5,"description":22,"hero":23,"list":24,"socialImage":25},"\u003Ch1 id=\"navigation\">Navigation\u003C\u002Fh1>\n\u003Cp>Clay baut die Navigation aus deinem \u003Ccode>docs\u002F\u003C\u002Fcode>-Ordner; ein eigenes Menü musst du nicht pflegen. Füge eine Seite hinzu, und sie erscheint; verschiebe sie in einen Ordner, und sie wandert in der Seitenleiste mit.\u003C\u002Fp>\n\u003Ch2 id=\"die-seitenleiste\">\u003Ca class=\"heading-anchor\" href=\"#die-seitenleiste\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#die-seitenleiste\">#\u003C\u002Fa>Die Seitenleiste\u003C\u002Fh2>\n\u003Cp>Die Seitenleiste listet jede Seite und jeden Ordner, der Seiten enthält, verschachtelt wie deine Ordner. Der Titel eines Ordners öffnet seine Seite; der Pfeil daneben blendet die Seiten darin ein und aus. Die Seite, die du liest, ist markiert, und die Ordner um sie herum klappen von selbst auf. Auf kleinen Bildschirmen wandert die Seitenleiste in eine ausklappbare Navigation hinter dem Menü-Button oben links.\u003C\u002Fp>\n\u003Ch2 id=\"reihenfolge\">\u003Ca class=\"heading-anchor\" href=\"#reihenfolge\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#reihenfolge\">#\u003C\u002Fa>Reihenfolge\u003C\u002Fh2>\n\u003Cp>In jedem Ordner werden Seiten und Ordner gemeinsam sortiert:\u003C\u002Fp>\n\u003Col>\n\u003Cli>Einträge mit \u003Ccode>order\u003C\u002Fcode> kommen zuerst, von der kleinsten Zahl aufwärts.\u003C\u002Fli>\n\u003Cli>Alle anderen folgen alphabetisch nach ihrem Datei- oder Ordnernamen.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>Seiten bekommen ihr \u003Ccode>order\u003C\u002Fcode> in ihrem \u003Ca href=\"\u002Fclay-example-repo\u002F3.x\u002Fde\u002Fwriting\u002Fpages#front-matter\" data-route=\"\u002F3.x\u002Fde\u002Fwriting\u002Fpages#front-matter\">Front Matter\u003C\u002Fa>, Ordner im Front Matter ihrer \u003Ca href=\"\u002Fclay-example-repo\u002F3.x\u002Fde\u002Forganizing\u002Ffolders\" data-route=\"\u002F3.x\u002Fde\u002Forganizing\u002Ffolders\">index.md\u003C\u002Fa>:\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\">Installation\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\">1\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=\"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\">Anleitungen\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\">3\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\u003Cp>Dieser Ordner zum Beispiel:\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>docs\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan>├── changelog.md          (ohne order)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan>├── faq.md                (ohne order)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan>├── guides\u002F               (order: 2 in guides\u002Findex.md)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan>├── installation.md       (order: 1)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan>└── introduction.md       (order: 0)\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>erscheint so: Introduction, Installation, Guides, Changelog, FAQ.\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>Nummeriere in Zehnerschritten (10, 20, 30), damit Platz für später hinzugefügte Seiten bleibt, oder lass \u003Ca href=\"\u002Fclay-example-repo\u002F3.x\u002Fde\u002Forganizing\u002Fclay-edit\" data-route=\"\u002F3.x\u002Fde\u002Forganizing\u002Fclay-edit\">clay edit\u003C\u002Fa> die Nummern vergeben: Es setzt \u003Ccode>order\u003C\u002Fcode> für alles in einem Ordner, sobald du einen Eintrag verschiebst.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cp>Zahlen dürfen negativ sein, und Einträge mit derselben Zahl behalten ihre alphabetische Reihenfolge.\u003C\u002Fp>\n\u003Ch2 id=\"brotkrumen\">\u003Ca class=\"heading-anchor\" href=\"#brotkrumen\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#brotkrumen\">#\u003C\u002Fa>Brotkrumen\u003C\u002Fh2>\n\u003Cp>Die Navigationsleiste zeigt, wo die aktuelle Seite liegt: \u003Cstrong>Anleitungen › Fortgeschritten › Tuning\u003C\u002Fstrong>. Jeder Teil verlinkt auf die Seite seines Ordners. Tief verschachtelte Seiten zeigen die letzten drei Ebenen. Auf kleinen Bildschirmen sind die Brotkrumen ausgeblendet; dort übernimmt die ausklappbare Navigation.\u003C\u002Fp>\n\u003Ch2 id=\"ordnerseiten\">\u003Ca class=\"heading-anchor\" href=\"#ordnerseiten\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#ordnerseiten\">#\u003C\u002Fa>Ordnerseiten\u003C\u002Fh2>\n\u003Cp>Jeder Ordner hat eine eigene Seite unter seinem Pfad: \u003Ccode>\u002Fguides\u003C\u002Fcode> für \u003Ccode>docs\u002Fguides\u002F\u003C\u002Fcode>. Das ist die \u003Ccode>index.md\u003C\u002Fcode> des Ordners, oder, ohne sie, der Titel des Ordners mit einer Liste der Seiten und Unterordner darin. Brotkrumen und Links auf einen Ordner führen dorthin. 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\u003Ch2 id=\"vor-und-zurück\">\u003Ca class=\"heading-anchor\" href=\"#vor-und-zurück\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#vor-und-zurück\">#\u003C\u002Fa>Vor und zurück\u003C\u002Fh2>\n\u003Cp>Unten auf jeder Seite führen Links zur vorherigen und nächsten Seite. Sie folgen der Reihenfolge der Seitenleiste über Ordnergrenzen hinweg, die Seiten der Ordner eingeschlossen, sodass man die Dokumentation wie ein Buch von vorne bis hinten lesen kann.\u003C\u002Fp>\n",[6,10,13,16,19],{"id":7,"text":8,"level":9},"die-seitenleiste","Die Seitenleiste",2,{"id":11,"text":12,"level":9},"reihenfolge","Reihenfolge",{"id":14,"text":15,"level":9},"brotkrumen","Brotkrumen",{"id":17,"text":18,"level":9},"ordnerseiten","Ordnerseiten",{"id":20,"text":21,"level":9},"vor-und-zurück","Vor und zurück","Wie Clay Seitenleiste, Brotkrumen und Vor-\u002FZurück-Links baut, und wie du Seiten in eine Reihenfolge bringst.",null,false,"\u002F_clay\u002Fsocial\u002F3.x\u002Fde\u002Forganizing\u002Fnavigation.png",1792666371089]