[{"data":1,"prerenderedAt":14},["ShallowReactive",2],{"clay-page:\u002Fde\u002Fwriting\u002Fcomponents\u002Fdetails":3},{"html":4,"toc":5,"description":10,"hero":11,"list":12,"socialImage":13},"\u003Ch1 id=\"details\">Details\u003C\u002Fh1>\n\u003Cp>Details klappen Inhalt unter einem Titel ein. Leser öffnen ihn mit einem Klick, wenn sie ihn brauchen.\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\">::: details Was macht Clay mit HTML in meiner Dokumentation?\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">Es behält sicheres HTML und entfernt Skripte, Formulare und Styles. Siehe [\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">HTML\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\">..\u002Fhtml.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>\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\u003Cdetails class=\"clay-details collapse\">\u003Csummary class=\"collapse-title\">\u003Cspan class=\"clay-details-icon\" aria-hidden=\"true\">\u003Ci class=\"fa-solid fa-chevron-right\">\u003C\u002Fi>\u003C\u002Fspan>\u003Cspan class=\"clay-details-title\">Was macht Clay mit HTML in meiner Dokumentation?\u003C\u002Fspan>\u003C\u002Fsummary>\u003Cdiv class=\"collapse-content\">\u003Cp>Es behält sicheres HTML und entfernt Skripte, Formulare und Styles. Siehe \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fhtml\" data-route=\"\u002Fde\u002Fwriting\u002Fhtml\">HTML\u003C\u002Fa>.\u003C\u002Fp>\n\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cul>\n\u003Cli>\u003Cstrong>Der Titel\u003C\u002Fstrong> folgt auf den Namen und darf Markdown im Text nutzen, etwa \u003Ccode>Code\u003C\u002Fcode> und \u003Cstrong>fett\u003C\u002Fstrong>. Ohne Titel heißt er „Details“ in der Sprache der Seite.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Der Inhalt\u003C\u002Fstrong> ist beliebiges Markdown, auch Codeblöcke und andere Komponenten.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Eingeklappter Inhalt wird von der Suche gefunden.\u003C\u002Fstrong> Ein Ergebnis darin öffnet den Abschnitt.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2 id=\"eine-liste-von-fragen\">\u003Ca class=\"heading-anchor\" href=\"#eine-liste-von-fragen\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#eine-liste-von-fragen\">#\u003C\u002Fa>Eine Liste von Fragen\u003C\u002Fh2>\n\u003Cp>Mehrere Details hintereinander ergeben eine kompakte FAQ:\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\">::: details Braucht Clay einen Server?\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">Nein. Es erzeugt statisches HTML, das jeder Webhoster ausliefern kann.\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\">::: details Kann ich meine eigene Domain nutzen?\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">Ja, siehe [\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">GitHub Pages\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\">..\u002F..\u002Fpublishing\u002Fgithub-pages.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>\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\u003Cdetails class=\"clay-details collapse\">\u003Csummary class=\"collapse-title\">\u003Cspan class=\"clay-details-icon\" aria-hidden=\"true\">\u003Ci class=\"fa-solid fa-chevron-right\">\u003C\u002Fi>\u003C\u002Fspan>\u003Cspan class=\"clay-details-title\">Braucht Clay einen Server?\u003C\u002Fspan>\u003C\u002Fsummary>\u003Cdiv class=\"collapse-content\">\u003Cp>Nein. Es erzeugt statisches HTML, das jeder Webhoster ausliefern kann.\u003C\u002Fp>\n\u003C\u002Fdiv>\u003C\u002Fdetails>\n\u003Cdetails class=\"clay-details collapse\">\u003Csummary class=\"collapse-title\">\u003Cspan class=\"clay-details-icon\" aria-hidden=\"true\">\u003Ci class=\"fa-solid fa-chevron-right\">\u003C\u002Fi>\u003C\u002Fspan>\u003Cspan class=\"clay-details-title\">Kann ich meine eigene Domain nutzen?\u003C\u002Fspan>\u003C\u002Fsummary>\u003Cdiv class=\"collapse-content\">\u003Cp>Ja, siehe \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fpublishing\u002Fgithub-pages\" data-route=\"\u002Fde\u002Fpublishing\u002Fgithub-pages\">GitHub Pages\u003C\u002Fa>.\u003C\u002Fp>\n\u003C\u002Fdiv>\u003C\u002Fdetails>\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>Klapp ein, was nur manche Leser brauchen: lange Ausgaben, Sonderfälle, Hintergründe. Was alle brauchen, gehört auf die Seite.\u003C\u002Fp>\n\u003C\u002Fdiv>\n",[6],{"id":7,"text":8,"level":9},"eine-liste-von-fragen","Eine Liste von Fragen",2,"Eingeklappte Abschnitte, die Leser öffnen, wenn sie sie brauchen, etwa FAQs, lange Logs und Hintergründe.",null,false,"\u002F_clay\u002Fsocial\u002Fde\u002Fwriting\u002Fcomponents\u002Fdetails.png",1792666372019]