[{"data":1,"prerenderedAt":23},["ShallowReactive",2],{"clay-page:\u002F3.x\u002Fde":3},{"html":4,"toc":5,"description":16,"hero":17,"list":21,"socialImage":22},"\u003Cp>Clay macht aus einem Ordner voller Markdown-Dateien eine Dokumentationsseite: eine Seitenleiste aus deinen Ordnern, Volltextsuche, Syntaxhervorhebung, helles und dunkles Design, Versionen und Übersetzungen. Du schreibst die Seiten; um den Rest kümmert sich Clay.\u003C\u002Fp>\n\u003Ch2 id=\"in-einer-minute-starten\">\u003Ca class=\"heading-anchor\" href=\"#in-einer-minute-starten\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#in-einer-minute-starten\">#\u003C\u002Fa>In einer Minute starten\u003C\u002Fh2>\n\u003Cdiv class=\"code-block is-terminal has-bar\">\u003Cdiv class=\"code-terminal\" aria-hidden=\"true\">\u003Cspan>\u003C\u002Fspan>\u003Cspan>\u003C\u002Fspan>\u003Cspan>\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 command\">\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">npm\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> init\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#569CD6\"> -y\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line command\">\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">npm\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> install\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0000FF;--shiki-dark:#569CD6\"> --save-dev\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> clay-doc\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line command\">\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">echo\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> 'title: \"My Project\"'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> > \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">clay.yaml\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line command\">\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">mkdir\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> docs\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> && \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">echo\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> '# Hallo, Clay'\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> > \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">docs\u002Findex.md\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line command\">\u003Cspan style=\"--shiki-light:#695221;--shiki-dark:#DCDCAA\">npx\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> clay\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\"> dev\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>Öffne \u003Ca href=\"http:\u002F\u002Flocalhost:3000\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Ci class=\"fa-solid fa-arrow-up-right-from-square clay-external-icon\" aria-hidden=\"true\">\u003C\u002Fi>http:\u002F\u002Flocalhost:3000\u003C\u002Fa>; jede Änderung, die du speicherst, erscheint sofort. Der \u003Ca href=\"\u002Fclay-example-repo\u002F3.x\u002Fde\u002Fgetting-started\u002Fquick-start\" data-route=\"\u002F3.x\u002Fde\u002Fgetting-started\u002Fquick-start\">Schnellstart\u003C\u002Fa> führt von dort aus weiter.\u003C\u002Fp>\n\u003Ch2 id=\"warum-clay\">\u003Ca class=\"heading-anchor\" href=\"#warum-clay\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#warum-clay\">#\u003C\u002Fa>Warum Clay\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>\u003Cstrong>Markdown rein, Website raus.\u003C\u002Fstrong> Seiten sind Markdown-Dateien in \u003Ccode>docs\u002F\u003C\u002Fcode>, Ordner werden zur Navigation. Keine Templates, kein Theme zum Bauen.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Suche inklusive.\u003C\u002Fstrong> Jede Seite und jeder Abschnitt ist durchsuchbar, auch mit Tippfehlern, mit \u003Ckbd>Strg\u003C\u002Fkbd> + \u003Ckbd>K\u003C\u002Fkbd> oder \u003Ckbd>⌘\u003C\u002Fkbd> + \u003Ckbd>K\u003C\u002Fkbd>.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Überall schnell.\u003C\u002Fstrong> Jede Seite wird vorab als HTML gerendert. Veröffentliche sie auf GitHub Pages, Netlify oder jedem Webserver.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Bei jedem Build geprüft.\u003C\u002Fstrong> Kaputte Links und unbekannte Einstellungen werden gemeldet, und \u003Ccode>--strict\u003C\u002Fcode> stoppt ein Deployment, das welche hat.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Versionen und Sprachen.\u003C\u002Fstrong> Halte die Dokumentation älterer Releases online und übersetze Seite für Seite.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Ordnen im Terminal.\u003C\u002Fstrong> \u003Ccode>clay edit\u003C\u002Fcode> legt Seiten an, ordnet, benennt und übersetzt sie, ohne dass du Front Matter von Hand anfasst.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2 id=\"finde-deinen-weg\">\u003Ca class=\"heading-anchor\" href=\"#finde-deinen-weg\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#finde-deinen-weg\">#\u003C\u002Fa>Finde deinen Weg\u003C\u002Fh2>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Ich will …\u003C\u002Fth>\n\u003Cth>Fang an mit\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\u003Ctr>\n\u003Ctd>Sehen, was Clay ist und wie eine Seite entsteht\u003C\u002Ftd>\n\u003Ctd>\u003Ca href=\"\u002Fclay-example-repo\u002F3.x\u002Fde\u002Fintroduction\" data-route=\"\u002F3.x\u002Fde\u002Fintroduction\">Einführung\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Eine erste Seite bauen, Schritt für Schritt\u003C\u002Ftd>\n\u003Ctd>\u003Ca href=\"\u002Fclay-example-repo\u002F3.x\u002Fde\u002Fgetting-started\u002Fquick-start\" data-route=\"\u002F3.x\u002Fde\u002Fgetting-started\u002Fquick-start\">Schnellstart\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Seiten mit Code, Hinweisen, Links und Bildern schreiben\u003C\u002Ftd>\n\u003Ctd>\u003Ca href=\"\u002Fclay-example-repo\u002F3.x\u002Fde\u002Fwriting\" data-route=\"\u002F3.x\u002Fde\u002Fwriting\">Schreiben\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Seiten und Ordner anordnen\u003C\u002Ftd>\n\u003Ctd>\u003Ca href=\"\u002Fclay-example-repo\u002F3.x\u002Fde\u002Forganizing\" data-route=\"\u002F3.x\u002Fde\u002Forganizing\">Ordnen\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Eine Einstellung nachschlagen\u003C\u002Ftd>\n\u003Ctd>\u003Ca href=\"\u002Fclay-example-repo\u002F3.x\u002Fde\u002Fconfiguration\" data-route=\"\u002F3.x\u002Fde\u002Fconfiguration\">Konfiguration\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Die Seite online stellen\u003C\u002Ftd>\n\u003Ctd>\u003Ca href=\"\u002Fclay-example-repo\u002F3.x\u002Fde\u002Fdeployment\" data-route=\"\u002F3.x\u002Fde\u002Fdeployment\">Veröffentlichen\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>Eine Clay-2-Seite auf Clay 3 umstellen\u003C\u002Ftd>\n\u003Ctd>\u003Ca href=\"\u002Fclay-example-repo\u002F3.x\u002Fde\u002Fguides\u002Fupgrading-to-clay-3\" data-route=\"\u002F3.x\u002Fde\u002Fguides\u002Fupgrading-to-clay-3\">Umstieg auf Clay 3\u003C\u002Fa>\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\u003C\u002Ftable>\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>Diese Website ist eine Clay-Seite. Jede Seite ist eine Markdown-Datei im \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fclay-doc\u002Fclay-example-repo\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Ci class=\"fa-solid fa-arrow-up-right-from-square clay-external-icon\" aria-hidden=\"true\">\u003C\u002Fi>Beispiel-Repository\u003C\u002Fa>: Sieh dir an, wie sie gemacht ist, oder kopiere sie als Ausgangspunkt.\u003C\u002Fp>\n\u003C\u002Fdiv>\n",[6,10,13],{"id":7,"text":8,"level":9},"in-einer-minute-starten","In einer Minute starten",2,{"id":11,"text":12,"level":9},"warum-clay","Warum Clay",{"id":14,"text":15,"level":9},"finde-deinen-weg","Finde deinen Weg","Mach aus einem Ordner voller Markdown-Dateien eine schnelle, durchsuchbare Dokumentationsseite. Alles, was du zum Schreiben, Ordnen und Veröffentlichen mit…",{"title":18,"icon":19,"description":20},"Clay-Dokumentation","fa-solid fa-book-open","Mach aus einem Ordner voller Markdown-Dateien eine schnelle, durchsuchbare Dokumentationsseite. Alles, was du zum Schreiben, Ordnen und Veröffentlichen mit Clay brauchst.",true,"\u002F_clay\u002Fsocial\u002F3.x\u002Fde.png",1792666369103]