[{"data":1,"prerenderedAt":41},["ShallowReactive",2],{"clay-page:\u002Fde\u002Fwriting\u002Fmarkdown":3},{"html":4,"toc":5,"description":37,"hero":38,"list":39,"socialImage":40},"\u003Ch1 id=\"markdown\">Markdown\u003C\u002Fh1>\n\u003Cp>Clay liest \u003Cstrong>Clay Flavored Markdown\u003C\u002Fstrong> (CFM): \u003Ca href=\"https:\u002F\u002Fgithub.github.com\u002Fgfm\u002F\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Ci class=\"fa-solid fa-arrow-up-right-from-square clay-external-icon\" aria-hidden=\"true\">\u003C\u002Fi>GitHub Flavored Markdown\u003C\u002Fa>, das Markdown aus READMEs und Issues auf GitHub, plus \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Falerts\" data-route=\"\u002Fde\u002Fwriting\u002Falerts\">Hinweise\u003C\u002Fa>, \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fcomponents\" data-route=\"\u002Fde\u002Fwriting\u002Fcomponents\">Komponenten\u003C\u002Fa>, \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fcomponents\u002Fmath\" data-route=\"\u002Fde\u002Fwriting\u002Fcomponents\u002Fmath\">Formeln\u003C\u002Fa> und \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fcomponents\u002Fdiagrams\" data-route=\"\u002Fde\u002Fwriting\u002Fcomponents\u002Fdiagrams\">Diagramme\u003C\u002Fa>. Alles, was GitHub zeigt, funktioniert auch in Clay, und was Clay ergänzt, bleibt auf GitHub lesbar. Jedes Element unten zeigt sein Ergebnis und seinen Quelltext; wähl einmal \u003Cstrong>Markdown\u003C\u002Fstrong>, um überall den Quelltext zu sehen.\u003C\u002Fp>\n\u003Ch2 id=\"überschriften\">\u003Ca class=\"heading-anchor\" href=\"#überschriften\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#überschriften\">#\u003C\u002Fa>Überschriften\u003C\u002Fh2>\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:#800000;--shiki-light-font-weight:bold;--shiki-dark:#569CD6;--shiki-dark-font-weight:bold\">## Ein Abschnitt\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#800000;--shiki-light-font-weight:bold;--shiki-dark:#569CD6;--shiki-dark-font-weight:bold\">### Ein Unterabschnitt\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>\u003Ccode>#\u003C\u002Fcode> ist die Überschrift der Seite; nutze sie einmal pro Seite. \u003Ccode>##\u003C\u002Fcode>- und \u003Ccode>###\u003C\u002Fcode>-Überschriften erscheinen im Inhaltsverzeichnis und werden zu eigenen Suchergebnissen. Jede Überschrift bekommt einen Anker, gebildet wie auf GitHub, damit du auf einen Abschnitt verlinken kannst: Die Überschrift „Zeilenumbrüche“ unten erreichst du als \u003Ca href=\"#zeilenumbr%C3%BCche\" data-route=\"#zeilenumbr%C3%BCche\">\u003Ccode>#zeilenumbrüche\u003C\u002Fcode>\u003C\u002Fa>. Fährst du über eine Abschnittsüberschrift, erscheint links ein \u003Ccode>#\u003C\u002Fcode>-Link zum Kopieren.\u003C\u002Fp>\n\u003Ch2 id=\"hervorhebung\">\u003Ca class=\"heading-anchor\" href=\"#hervorhebung\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#hervorhebung\">#\u003C\u002Fa>Hervorhebung\u003C\u002Fh2>\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\">Ergebnis\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\">Markdown\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=\"Ergebnis\">\u003Cp>\u003Cstrong>fett\u003C\u002Fstrong>, \u003Cem>kursiv\u003C\u002Fem>, \u003Cdel>durchgestrichen\u003C\u002Fdel> und \u003Ccode>Code im Text\u003C\u002Fcode>\u003C\u002Fp>\n\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-1-1-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-1-1\" data-label=\"Markdown\" hidden=\"\">\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:#000080;--shiki-light-font-weight:bold;--shiki-dark:#569CD6;--shiki-dark-font-weight:bold\">**fett**\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">, \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-light-font-style:italic;--shiki-dark:#D4D4D4;--shiki-dark-font-style:italic\">*kursiv*\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">, \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-light-text-decoration:line-through;--shiki-dark:#D4D4D4;--shiki-dark-text-decoration:line-through\">~~durchgestrichen~~\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> und \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#CE9178\">`Code im Text`\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\u003Ch2 id=\"zeilenumbrüche\">\u003Ca class=\"heading-anchor\" href=\"#zeilenumbrüche\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#zeilenumbrüche\">#\u003C\u002Fa>Zeilenumbrüche\u003C\u002Fh2>\n\u003Cp>Ein Zeilenumbruch im Text ist ein Zeilenumbruch auf der Seite, wie in GitHub-Kommentaren. Trenne Absätze mit einer leeren Zeile.\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-2-0\" class=\"tab tab-active\" aria-controls=\"clay-tabs-2-0-panel\" aria-selected=\"true\" tabindex=\"0\">Ergebnis\u003C\u002Fbutton>\u003Cbutton type=\"button\" role=\"tab\" id=\"clay-tabs-2-1\" class=\"tab\" aria-controls=\"clay-tabs-2-1-panel\" aria-selected=\"false\" tabindex=\"-1\">Markdown\u003C\u002Fbutton>\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-2-0-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-2-0\" data-label=\"Ergebnis\">\u003Cp>Erste Zeile\u003Cbr>zweite Zeile, im selben Absatz\u003C\u002Fp>\n\u003Cp>Ein neuer Absatz\u003C\u002Fp>\n\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-2-1-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-2-1\" data-label=\"Markdown\" hidden=\"\">\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\">Erste Zeile\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">zweite Zeile, im selben Absatz\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">Ein neuer Absatz\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\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>Schreib jeden Absatz in eine Zeile und lass deinen Editor umbrechen. Von Hand umbrochene Absätze zeigen ihre Umbrüche auf der Seite.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Ch2 id=\"listen\">\u003Ca class=\"heading-anchor\" href=\"#listen\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#listen\">#\u003C\u002Fa>Listen\u003C\u002Fh2>\n\u003Cdiv class=\"clay-tabs\" data-tabs=\"\">\u003Cdiv role=\"tablist\" class=\"tabs tabs-border not-prose\">\u003Cbutton type=\"button\" role=\"tab\" id=\"clay-tabs-3-0\" class=\"tab tab-active\" aria-controls=\"clay-tabs-3-0-panel\" aria-selected=\"true\" tabindex=\"0\">Ergebnis\u003C\u002Fbutton>\u003Cbutton type=\"button\" role=\"tab\" id=\"clay-tabs-3-1\" class=\"tab\" aria-controls=\"clay-tabs-3-1-panel\" aria-selected=\"false\" tabindex=\"-1\">Markdown\u003C\u002Fbutton>\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-3-0-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-3-0\" data-label=\"Ergebnis\">\u003Cul>\n\u003Cli>Kaffee\u003C\u002Fli>\n\u003Cli>Tee\u003Cul>\n\u003Cli>Grüner Tee\u003C\u002Fli>\n\u003Cli>Schwarzer Tee\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Col>\n\u003Cli>Installieren\u003C\u002Fli>\n\u003Cli>Konfigurieren\u003C\u002Fli>\n\u003Cli>Bauen\u003C\u002Fli>\n\u003C\u002Fol>\n\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-3-1-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-3-1\" data-label=\"Markdown\" hidden=\"\">\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:#0451A5;--shiki-dark:#6796E6\">-\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> Kaffee\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#0451A5;--shiki-dark:#6796E6\">-\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> Tee\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#0451A5;--shiki-dark:#6796E6\">  -\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> Grüner Tee\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#0451A5;--shiki-dark:#6796E6\">  -\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> Schwarzer Tee\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#0451A5;--shiki-dark:#6796E6\">1.\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> Installieren\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#0451A5;--shiki-dark:#6796E6\">2.\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> Konfigurieren\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#0451A5;--shiki-dark:#6796E6\">3.\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> Bauen\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>Für Anleitungen in einer Reihenfolge zeigen \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fcomponents\u002Fsteps\" data-route=\"\u002Fde\u002Fwriting\u002Fcomponents\u002Fsteps\">Schritte\u003C\u002Fa> eine nummerierte Liste als Anleitung.\u003C\u002Fp>\n\u003Ch2 id=\"aufgabenlisten\">\u003Ca class=\"heading-anchor\" href=\"#aufgabenlisten\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#aufgabenlisten\">#\u003C\u002Fa>Aufgabenlisten\u003C\u002Fh2>\n\u003Cdiv class=\"clay-tabs\" data-tabs=\"\">\u003Cdiv role=\"tablist\" class=\"tabs tabs-border not-prose\">\u003Cbutton type=\"button\" role=\"tab\" id=\"clay-tabs-4-0\" class=\"tab tab-active\" aria-controls=\"clay-tabs-4-0-panel\" aria-selected=\"true\" tabindex=\"0\">Ergebnis\u003C\u002Fbutton>\u003Cbutton type=\"button\" role=\"tab\" id=\"clay-tabs-4-1\" class=\"tab\" aria-controls=\"clay-tabs-4-1-panel\" aria-selected=\"false\" tabindex=\"-1\">Markdown\u003C\u002Fbutton>\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-4-0-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-4-0\" data-label=\"Ergebnis\">\u003Cul>\n\u003Cli>\u003Clabel>\u003Cinput checked=\"\" type=\"checkbox\" disabled=\"\" class=\"clay-task\"> Dokumentation schreiben\u003C\u002Flabel>\u003C\u002Fli>\n\u003Cli>\u003Clabel>\u003Cinput checked=\"\" type=\"checkbox\" disabled=\"\" class=\"clay-task\"> Seite bauen\u003C\u002Flabel>\u003C\u002Fli>\n\u003Cli>\u003Clabel>\u003Cinput type=\"checkbox\" disabled=\"\" class=\"clay-task\"> Veröffentlichen\u003C\u002Flabel>\u003C\u002Fli>\n\u003C\u002Ful>\n\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-4-1-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-4-1\" data-label=\"Markdown\" hidden=\"\">\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:#0451A5;--shiki-dark:#6796E6\">-\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> [\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">x\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">] Dokumentation schreiben\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#0451A5;--shiki-dark:#6796E6\">-\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> [\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">x\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">] Seite bauen\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#0451A5;--shiki-dark:#6796E6\">-\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> [ ] Veröffentlichen\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>Die Kästchen lassen sich nicht ändern: Sie zeigen, was im Markdown steht, und Leser können sie nicht abhaken.\u003C\u002Fp>\n\u003Ch2 id=\"tabellen\">\u003Ca class=\"heading-anchor\" href=\"#tabellen\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#tabellen\">#\u003C\u002Fa>Tabellen\u003C\u002Fh2>\n\u003Cp>Spalten lassen sich mit Doppelpunkten in der Trennzeile links, mittig oder rechts ausrichten:\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-5-0\" class=\"tab tab-active\" aria-controls=\"clay-tabs-5-0-panel\" aria-selected=\"true\" tabindex=\"0\">Ergebnis\u003C\u002Fbutton>\u003Cbutton type=\"button\" role=\"tab\" id=\"clay-tabs-5-1\" class=\"tab\" aria-controls=\"clay-tabs-5-1-panel\" aria-selected=\"false\" tabindex=\"-1\">Markdown\u003C\u002Fbutton>\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-5-0-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-5-0\" data-label=\"Ergebnis\">\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth align=\"left\">Befehl\u003C\u002Fth>\n\u003Cth align=\"center\">Port\u003C\u002Fth>\n\u003Cth align=\"right\">Zweck\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\u003Ctr>\n\u003Ctd align=\"left\">dev\u003C\u002Ftd>\n\u003Ctd align=\"center\">3000\u003C\u002Ftd>\n\u003Ctd align=\"right\">schreiben\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd align=\"left\">preview\u003C\u002Ftd>\n\u003Ctd align=\"center\">4173\u003C\u002Ftd>\n\u003Ctd align=\"right\">prüfen\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\u003C\u002Ftable>\n\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-5-1-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-5-1\" data-label=\"Markdown\" hidden=\"\">\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\">| Befehl  | Port | Zweck      |\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">|:--------|:----:|-----------:|\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">| dev     | 3000 | schreiben  |\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">| preview | 4173 | prüfen     |\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\u003Ch2 id=\"zitate\">\u003Ca class=\"heading-anchor\" href=\"#zitate\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#zitate\">#\u003C\u002Fa>Zitate\u003C\u002Fh2>\n\u003Cdiv class=\"clay-tabs\" data-tabs=\"\">\u003Cdiv role=\"tablist\" class=\"tabs tabs-border not-prose\">\u003Cbutton type=\"button\" role=\"tab\" id=\"clay-tabs-6-0\" class=\"tab tab-active\" aria-controls=\"clay-tabs-6-0-panel\" aria-selected=\"true\" tabindex=\"0\">Ergebnis\u003C\u002Fbutton>\u003Cbutton type=\"button\" role=\"tab\" id=\"clay-tabs-6-1\" class=\"tab\" aria-controls=\"clay-tabs-6-1-panel\" aria-selected=\"false\" tabindex=\"-1\">Markdown\u003C\u002Fbutton>\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-6-0-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-6-0\" data-label=\"Ergebnis\">\u003Cblockquote>\n\u003Cp>Dokumentation ist ein Liebesbrief an dein zukünftiges Ich.\u003C\u002Fp>\n\u003C\u002Fblockquote>\n\u003C\u002Fdiv>\u003Cdiv role=\"tabpanel\" id=\"clay-tabs-6-1-panel\" class=\"clay-tab-panel\" aria-labelledby=\"clay-tabs-6-1\" data-label=\"Markdown\" hidden=\"\">\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:#0451A5;--shiki-dark:#6A9955\">>\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> Dokumentation ist ein Liebesbrief an dein zukünftiges Ich.\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>Ein Zitat, das mit \u003Ccode>[!NOTE]\u003C\u002Fcode>, \u003Ccode>[!TIP]\u003C\u002Fcode> oder ähnlichem beginnt, wird zu einem \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Falerts\" data-route=\"\u002Fde\u002Fwriting\u002Falerts\">Hinweis\u003C\u002Fa>.\u003C\u002Fp>\n\u003Ch2 id=\"waagerechte-linien\">\u003Ca class=\"heading-anchor\" href=\"#waagerechte-linien\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#waagerechte-linien\">#\u003C\u002Fa>Waagerechte Linien\u003C\u002Fh2>\n\u003Cp>Drei Bindestriche in einer eigenen Zeile ziehen eine Linie über die Seite:\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>\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\u003Chr>\n\u003Ch2 id=\"typografie\">\u003Ca class=\"heading-anchor\" href=\"#typografie\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#typografie\">#\u003C\u002Fa>Typografie \u003Cspan class=\"badge badge-sm badge-soft badge-success clay-badge\">Neu in Clay 5\u003C\u002Fspan>\u003C\u002Fh2>\n\u003Cp>Clay setzt den Text deiner Seiten, wie es ein Setzer tun würde: Du schreibst ihn auf der Tastatur, und Leser sehen die richtigen Zeichen.\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Du schreibst\u003C\u002Fth>\n\u003Cth>Leser sehen\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\u003Ctr>\n\u003Ctd>\u003Ccode>->\u003C\u002Fcode> \u003Ccode><-\u003C\u002Fcode> \u003Ccode><->\u003C\u002Fcode> \u003Ccode>=>\u003C\u002Fcode> \u003Ccode><=>\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>→ ← ↔ ⇒ ⇔\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode><=\u003C\u002Fcode> \u003Ccode>>=\u003C\u002Fcode> \u003Ccode>!=\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>≤ ≥ ≠\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>1--2\u003C\u002Fcode>, \u003Ccode>a -- b\u003C\u002Fcode>, \u003Ccode>a --- b\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>1–2, a – b, a — b\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>...\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>…\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>(c)\u003C\u002Fcode> \u003Ccode>(r)\u003C\u002Fcode> \u003Ccode>(tm)\u003C\u002Fcode> \u003Ccode>+-\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>© ® ™ ±\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>\u003Ccode>\"Anführungszeichen\"\u003C\u002Fcode>, \u003Ccode>'einfache'\u003C\u002Fcode>, \u003Ccode>geht's\u003C\u002Fcode>\u003C\u002Ftd>\n\u003Ctd>„Anführungszeichen“, ‚einfache‘, geht’s\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\u003C\u002Ftable>\n\u003Cp>Anführungszeichen folgen der Sprache der Seite: Englische Seiten bekommen “quotes”, französische «guillemets». Für andere setze \u003Ccode>quotes\u003C\u002Fcode> in \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fconfiguration\u002Fclay-yaml\" data-route=\"\u002Fde\u002Fconfiguration\u002Fclay-yaml\">messages\u003C\u002Fa>, z. B. \u003Ccode>quotes: \"»«›‹\"\u003C\u002Fcode>: die öffnenden und schließenden doppelten, dann die einfachen.\u003C\u002Fp>\n\u003Cp>Nur Text ändert sich. Code, Links, die ihre Adresse zeigen, HTML-Attribute, Mathematik, \u003Ca href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fcomponents\u002Fprompts\" data-route=\"\u002Fde\u002Fwriting\u002Fcomponents\u002Fprompts\">Prompts\u003C\u002Fa> und die IDs von Überschriften bleiben, wie sie sind, so funktionieren Links zu Abschnitten weiter. Optionen wie \u003Ccode>--strict\u003C\u002Fcode> bleiben auch. Um ein einzelnes Zeichen zu behalten, setz einen Backslash davor: \u003Ccode>\\->\u003C\u002Fcode> zeigt \u003Ccode>->\u003C\u002Fcode>.\u003C\u002Fp>\n\u003Ch2 id=\"mehr-als-markdown\">\u003Ca class=\"heading-anchor\" href=\"#mehr-als-markdown\" aria-label=\"Link zu diesem Abschnitt\" data-route=\"#mehr-als-markdown\">#\u003C\u002Fa>Mehr als Markdown\u003C\u002Fh2>\n\u003Cdiv class=\"clay-cards not-prose\">\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Flinks-and-images\" data-route=\"\u002Fde\u002Fwriting\u002Flinks-and-images\">\u003Ci class=\"clay-card-icon fa-solid fa-link\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Links & Bilder\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Zwischen Seiten verlinken wie auf GitHub, auf Abschnitte verlinken, Bilder einfügen und Downloads anbieten.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fcode-blocks\" data-route=\"\u002Fde\u002Fwriting\u002Fcode-blocks\">\u003Ci class=\"clay-card-icon fa-solid fa-code\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Codeblöcke\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Syntaxhervorhebung für über 200 Sprachen, Dateinamen, hervorgehobene Zeilen, Diffs, Fokus und ein Kopierknopf.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Falerts\" data-route=\"\u002Fde\u002Fwriting\u002Falerts\">\u003Ci class=\"clay-card-icon fa-solid fa-circle-exclamation\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Hinweise\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Sechs Arten von Hinweiskästen für Notizen, Tipps und Warnungen, geschrieben mit der Hinweis-Syntax von GitHub.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fcomponents\" data-route=\"\u002Fde\u002Fwriting\u002Fcomponents\">\u003Ci class=\"clay-card-icon fa-solid fa-puzzle-piece\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">Komponenten\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">Tabs, Schritte, Karten, einklappbare Abschnitte, Prompts, Badges, Formeln, Diagramme und Dateibäume, geschrieben in schlichtem Markdown.\u003C\u002Fspan>\u003C\u002Fa>\u003Ca class=\"clay-card\" href=\"\u002Fclay-example-repo\u002Fde\u002Fwriting\u002Fhtml\" data-route=\"\u002Fde\u002Fwriting\u002Fhtml\">\u003Ci class=\"clay-card-icon fa-brands fa-html5\" aria-hidden=\"true\">\u003C\u002Fi>\u003Cspan class=\"clay-card-title\">HTML\u003C\u002Fspan>\u003Cspan class=\"clay-card-text\">HTML in Markdown nutzen, Videos und Einbettungen, und was Clay entfernt, um deine Seite sicher zu halten.\u003C\u002Fspan>\u003C\u002Fa>\u003C\u002Fdiv>\n",[6,10,13,16,19,22,25,28,31,34],{"id":7,"text":8,"level":9},"überschriften","Überschriften",2,{"id":11,"text":12,"level":9},"hervorhebung","Hervorhebung",{"id":14,"text":15,"level":9},"zeilenumbrüche","Zeilenumbrüche",{"id":17,"text":18,"level":9},"listen","Listen",{"id":20,"text":21,"level":9},"aufgabenlisten","Aufgabenlisten",{"id":23,"text":24,"level":9},"tabellen","Tabellen",{"id":26,"text":27,"level":9},"zitate","Zitate",{"id":29,"text":30,"level":9},"waagerechte-linien","Waagerechte Linien",{"id":32,"text":33,"level":9},"typografie","Typografie Neu in Clay 5",{"id":35,"text":36,"level":9},"mehr-als-markdown","Mehr als Markdown","Clay Flavored Markdown - GitHubs Markdown plus Hinweise, Komponenten, Formeln und Diagramme - von Überschriften und Listen bis zu Tabellen und Aufgabenlisten…",null,false,"\u002F_clay\u002Fsocial\u002Fde\u002Fwriting\u002Fmarkdown.png",1792666371292]