[{"data":1,"prerenderedAt":26},["ShallowReactive",2],{"clay-page:\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 Ordner \u003Ccode>docs\u002F\u003C\u002Fcode>; es gibt kein eigenes Menü zu pflegen. Leg eine Seite an, und sie erscheint; verschieb 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 mit Seiten, verschachtelt wie deine Ordner. Der Titel eines Ordners öffnet seine Seite; der Pfeil daneben zeigt und versteckt die Seiten darin. Die Seite, die du liest, ist markiert, und die Ordner darum herum öffnen sich von selbst. Auf kleinen Bildschirmen liegt die Seitenleiste in einer Schublade hinter dem Menüknopf 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\u003Cdiv class=\"clay-steps\">\u003Col>\n\u003Cli>Einträge mit \u003Ccode>order\u003C\u002Fcode> kommen zuerst, von der kleinsten Zahl an.\u003C\u002Fli>\n\u003Cli>Alle anderen folgen alphabetisch nach ihrem Datei- oder Ordnernamen.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003C\u002Fdiv>\n\u003Cp>Seiten bekommen ihr \u003Ccode>order\u003C\u002Fcode> in ihrem \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fpages#front-matter\" data-route=\"\u002Fde\u002Fwriting\u002Fpages#front-matter\">Front Matter\u003C\u002Fa>, Ordner im Front Matter ihrer \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Forganizing\u002Ffolders\" data-route=\"\u002Fde\u002Forganizing\u002Ffolders\">index.md\u003C\u002Fa>:\u003C\u002Fp>\n\u003Cdiv class=\"clay-tabs\" data-tabs=\"\">\u003Cdiv role=\"tablist\" class=\"tabs tabs-border not-prose\">\u003Cbutton type=\"button\" role=\"tab\" id=\"clay-tabs-1-0\" class=\"tab tab-active\" aria-controls=\"clay-tabs-1-0-panel\" aria-selected=\"true\" tabindex=\"0\">Eine Seite\u003C\u002Fbutton>\u003Cbutton type=\"button\" role=\"tab\" id=\"clay-tabs-1-1\" class=\"tab\" aria-controls=\"clay-tabs-1-1-panel\" aria-selected=\"false\" tabindex=\"-1\">Ein Ordner\u003C\u002Fbutton>\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-1-0-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-1-0\" data-label=\"Eine Seite\">\u003Cdiv class=\"code-block has-title\">\u003Cdiv class=\"code-title\">\u003Ci class=\"fa-regular fa-file-lines\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan>docs\u002Finstallation.md\u003C\u002Fspan>\u003C\u002Fdiv>\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\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-1-1-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-1-1\" data-label=\"Ein Ordner\" hidden=\"\">\u003Cdiv class=\"code-block has-title\">\u003Cdiv class=\"code-title\">\u003Ci class=\"fa-regular fa-file-lines\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan>docs\u002Fguides\u002Findex.md\u003C\u002Fspan>\u003C\u002Fdiv>\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\">2\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\u003C\u002Fdiv>\u003C\u002Fdiv>\n\u003Cp>Zum Beispiel dieser Ordner:\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\">changelog.md\u003C\u002Fspan>\u003Cspan class=\"file-tree-comment\">kein order\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\">faq.md\u003C\u002Fspan>\u003Cspan class=\"file-tree-comment\">kein order\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fli>\u003Cli>\u003Cspan class=\"file-tree-entry file-tree-folder\">\u003Cspan class=\"file-tree-chevron\" aria-hidden=\"true\">\u003C\u002Fspan>\u003Ci class=\"fa-solid fa-folder\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"file-tree-name\">guides\u003C\u002Fspan>\u003Cspan class=\"file-tree-comment\">order: 2 in guides\u002Findex.md\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\">installation.md\u003C\u002Fspan>\u003Cspan class=\"file-tree-comment\">order: 1\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\">introduction.md\u003C\u002Fspan>\u003Cspan class=\"file-tree-comment\">order: 0\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fdetails>\u003C\u002Fli>\u003C\u002Ful>\u003C\u002Fdiv>\n\u003Cp>erscheint als: 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), um Platz für spätere Seiten zu lassen, oder lass \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Forganizing\u002Fclay-edit\" data-route=\"\u002Fde\u002Forganizing\u002Fclay-edit\">clay edit\u003C\u002Fa> nummerieren: Es setzt \u003Ccode>order\u003C\u002Fcode> für alles in einem Ordner, wenn 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 › Feinschliff\u003C\u002Fstrong>. Jeder Teil verlinkt die Seite seines Ordners. Tief verschachtelte Seiten zeigen die letzten drei Ebenen. Auf kleinen Bildschirmen sind die Brotkrumen ausgeblendet; dort übernimmt die Schublade.\u003C\u002Fp>\n\u003Ch2 id=\"seiten-von-ordnern\">\u003Ca class=\"heading-anchor\" href=\"#seiten-von-ordnern\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#seiten-von-ordnern\">#\u003C\u002Fa>Seiten von Ordnern\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 seiner Seiten und Unterordner. Brotkrumen und Links auf einen Ordner führen dorthin. Siehe \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Forganizing\u002Findex-pages\" data-route=\"\u002Fde\u002Forganizing\u002Findex-pages\">Indexseiten\u003C\u002Fa>.\u003C\u002Fp>\n\u003Ch2 id=\"vorige-und-nächste-seite\">\u003Ca class=\"heading-anchor\" href=\"#vorige-und-nächste-seite\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#vorige-und-nächste-seite\">#\u003C\u002Fa>Vorige und nächste Seite\u003C\u002Fh2>\n\u003Cp>Unten auf jeder Seite führen Links zur vorigen und zur nächsten Seite. Sie folgen der Reihenfolge der Seitenleiste über Ordner hinweg, samt den Seiten der Ordner, so lässt sich die Dokumentation von vorne bis hinten lesen wie ein Buch.\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},"seiten-von-ordnern","Seiten von Ordnern",{"id":20,"text":21,"level":9},"vorige-und-nächste-seite","Vorige und nächste Seite","Wie Clay Seitenleiste, Brotkrumen und Links zur vorigen und nächsten Seite baut, und wie du Seiten ordnest.",null,false,"\u002F_clay\u002Fsocial\u002Fde\u002Forganizing\u002Fnavigation.png",1792666371547]