[{"data":1,"prerenderedAt":823},["ShallowReactive",2],{"blog-de-markdown-showcase":3,"blog-translation-de-markdown-showcase":815},{"id":4,"title":5,"body":6,"date":795,"description":796,"draft":797,"extension":798,"meta":799,"navigation":156,"path":800,"resources":801,"seo":814,"slug":815,"stem":816,"tags":817,"translationKey":815,"updated":821,"__hash__":822},"blogDe/blog/de/markdown-showcase.md","Markdown-Showcase: alle gängigen Auszeichnungen",{"type":7,"value":8,"toc":781},"minimark",[9,13,18,54,57,66,70,73,78,83,87,90,119,122,142,145,177,181,187,204,207,214,351,457,492,544,547,555,559,623,626,667,671,682,691,696,700,703,706,710,720,742,745,777],[10,11,12],"p",{},"Dieser Beitrag dient als lebendige Referenz: Er zeigt jede Markdown-Auszeichnung, die dieser Blog tatsächlich rendert. Nutze ihn als Vorlage beim Schreiben neuer Beiträge oder zum Prüfen, ob das Theme in Light und Dark Mode überall sauber aussieht.",[14,15,17],"h2",{"id":16},"textauszeichnung","Textauszeichnung",[10,19,20,21,25,26,30,31,36,37,25,41,45,46,53],{},"Ein normaler Absatz mit ",[22,23,24],"strong",{},"fettem Text",", ",[27,28,29],"em",{},"kursivem Text"," und ",[22,32,33],{},[27,34,35],{},"fett-kursivem Text",". Außerdem gibt es ",[38,39,40],"del",{},"durchgestrichenen Text",[42,43,44],"code",{},"inline code"," und einen ",[47,48,52],"a",{"href":49,"rel":50},"https://nuxt.com/docs",[51],"nofollow","Inline-Link zur Nuxt-Doku",".",[10,55,56],{},"Mehrere Sätze in einem Absatz bleiben zusammen.\nEin einfacher Zeilenumbruch (zwei Leerzeichen am Ende) erzeugt einen weichen Umbruch innerhalb desselben Absatzes.",[10,58,59,60,65],{},"Links lassen sich auch als Referenz schreiben: siehe die ",[47,61,64],{"href":62,"rel":63},"https://vuejs.org/",[51],"Vue-Dokumentation",". Solche Links im Fließtext werden am Ende automatisch in der Liste „Weiterführend\" gesammelt.",[14,67,69],{"id":68},"überschriften-ebenen-h2","Überschriften-Ebenen (H2)",[10,71,72],{},"Die H1 stammt aus dem Frontmatter-Titel. Im Fließtext beginnst du daher bei H2.",[74,75,77],"h3",{"id":76},"dritte-ebene-h3","Dritte Ebene (H3)",[79,80,82],"h4",{"id":81},"vierte-ebene-h4","Vierte Ebene (H4)",[14,84,86],{"id":85},"listen","Listen",[10,88,89],{},"Ungeordnete Liste:",[91,92,93,97,103],"ul",{},[94,95,96],"li",{},"Erster Punkt",[94,98,99,100],{},"Zweiter Punkt mit ",[22,101,102],{},"Hervorhebung",[94,104,105,106],{},"Dritter Punkt\n",[91,107,108,111],{},[94,109,110],{},"Verschachtelter Punkt",[94,112,113,114],{},"Noch einer\n",[91,115,116],{},[94,117,118],{},"Dritte Verschachtelungsebene",[10,120,121],{},"Geordnete Liste:",[123,124,125,128,131],"ol",{},[94,126,127],{},"Schritt eins",[94,129,130],{},"Schritt zwei",[94,132,133,134],{},"Schritt drei\n",[123,135,136,139],{},[94,137,138],{},"Unterschritt 3.1",[94,140,141],{},"Unterschritt 3.2",[10,143,144],{},"Task-Liste (GFM):",[91,146,149,159,165,171],{"className":147},[148],"contains-task-list",[94,150,153,158],{"className":151},[152],"task-list-item",[154,155],"input",{"checked":156,"disabled":156,"type":157},true,"checkbox"," Erledigte Aufgabe",[94,160,162,164],{"className":161},[152],[154,163],{"checked":156,"disabled":156,"type":157}," Noch eine erledigte",[94,166,168,170],{"className":167},[152],[154,169],{"disabled":156,"type":157}," Offene Aufgabe",[94,172,174,176],{"className":173},[152],[154,175],{"disabled":156,"type":157}," Weitere offene Aufgabe",[14,178,180],{"id":179},"zitate","Zitate",[182,183,184],"blockquote",{},[10,185,186],{},"Ein einfaches Blockzitat. Es nutzt die semantische Rahmenfarbe und passt sich an Light und Dark Mode an.",[182,188,189,192,197],{},[10,190,191],{},"Zitate lassen sich verschachteln:",[182,193,194],{},[10,195,196],{},"Dies ist ein verschachteltes Zitat innerhalb eines Zitats.",[10,198,199,200,203],{},"Und auch ",[22,201,202],{},"Auszeichnungen"," innerhalb eines Zitats funktionieren.",[14,205,206],{"id":42},"Code",[10,208,209,210,213],{},"Inline-Code sieht so aus: ",[42,211,212],{},"const x = 42",". Längere Blöcke bekommen einen Sprach-Badge und einen Copy-Button.",[215,216,221],"pre",{"className":217,"code":218,"language":219,"meta":220,"style":220},"language-ts shiki shiki-themes github-light github-dark","// TypeScript - mit Syntax-Highlighting (Shiki, Dual-Theme)\ninterface User {\n  id: number\n  name: string\n  roles: string[]\n}\n\nfunction greet(user: User): string {\n  return `Hallo, ${user.name}!`\n}\n","ts","",[42,222,223,232,247,261,272,286,292,298,326,346],{"__ignoreMap":220},[224,225,228],"span",{"class":226,"line":227},"line",1,[224,229,231],{"class":230},"sJ8bj","// TypeScript - mit Syntax-Highlighting (Shiki, Dual-Theme)\n",[224,233,235,239,243],{"class":226,"line":234},2,[224,236,238],{"class":237},"szBVR","interface",[224,240,242],{"class":241},"sScJk"," User",[224,244,246],{"class":245},"sVt8B"," {\n",[224,248,250,254,257],{"class":226,"line":249},3,[224,251,253],{"class":252},"s4XuR","  id",[224,255,256],{"class":237},":",[224,258,260],{"class":259},"sj4cs"," number\n",[224,262,264,267,269],{"class":226,"line":263},4,[224,265,266],{"class":252},"  name",[224,268,256],{"class":237},[224,270,271],{"class":259}," string\n",[224,273,275,278,280,283],{"class":226,"line":274},5,[224,276,277],{"class":252},"  roles",[224,279,256],{"class":237},[224,281,282],{"class":259}," string",[224,284,285],{"class":245},"[]\n",[224,287,289],{"class":226,"line":288},6,[224,290,291],{"class":245},"}\n",[224,293,295],{"class":226,"line":294},7,[224,296,297],{"emptyLinePlaceholder":156},"\n",[224,299,301,304,307,310,313,315,317,320,322,324],{"class":226,"line":300},8,[224,302,303],{"class":237},"function",[224,305,306],{"class":241}," greet",[224,308,309],{"class":245},"(",[224,311,312],{"class":252},"user",[224,314,256],{"class":237},[224,316,242],{"class":241},[224,318,319],{"class":245},")",[224,321,256],{"class":237},[224,323,282],{"class":259},[224,325,246],{"class":245},[224,327,329,332,336,338,340,343],{"class":226,"line":328},9,[224,330,331],{"class":237},"  return",[224,333,335],{"class":334},"sZZnC"," `Hallo, ${",[224,337,312],{"class":245},[224,339,53],{"class":334},[224,341,342],{"class":245},"name",[224,344,345],{"class":334},"}!`\n",[224,347,349],{"class":226,"line":348},10,[224,350,291],{"class":245},[215,352,356],{"className":353,"code":354,"language":355,"meta":220,"style":220},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\nconst count = ref(0)\n\u003C/script>\n\n\u003Ctemplate>\n  \u003Cbutton @click=\"count++\">Zählerstand: {{ count }}\u003C/button>\n\u003C/template>\n","vue",[42,357,358,382,404,413,417,426,449],{"__ignoreMap":220},[224,359,360,363,367,370,373,376,379],{"class":226,"line":227},[224,361,362],{"class":245},"\u003C",[224,364,366],{"class":365},"s9eBZ","script",[224,368,369],{"class":241}," setup",[224,371,372],{"class":241}," lang",[224,374,375],{"class":245},"=",[224,377,378],{"class":334},"\"ts\"",[224,380,381],{"class":245},">\n",[224,383,384,387,390,393,396,398,401],{"class":226,"line":234},[224,385,386],{"class":237},"const",[224,388,389],{"class":259}," count",[224,391,392],{"class":237}," =",[224,394,395],{"class":241}," ref",[224,397,309],{"class":245},[224,399,400],{"class":259},"0",[224,402,403],{"class":245},")\n",[224,405,406,409,411],{"class":226,"line":249},[224,407,408],{"class":245},"\u003C/",[224,410,366],{"class":365},[224,412,381],{"class":245},[224,414,415],{"class":226,"line":263},[224,416,297],{"emptyLinePlaceholder":156},[224,418,419,421,424],{"class":226,"line":274},[224,420,362],{"class":245},[224,422,423],{"class":365},"template",[224,425,381],{"class":245},[224,427,428,431,434,437,439,442,445,447],{"class":226,"line":288},[224,429,430],{"class":245},"  \u003C",[224,432,433],{"class":365},"button",[224,435,436],{"class":241}," @click",[224,438,375],{"class":245},[224,440,441],{"class":334},"\"count++\"",[224,443,444],{"class":245},">Zählerstand: {{ count }}\u003C/",[224,446,433],{"class":365},[224,448,381],{"class":245},[224,450,451,453,455],{"class":226,"line":294},[224,452,408],{"class":245},[224,454,423],{"class":365},[224,456,381],{"class":245},[215,458,462],{"className":459,"code":460,"language":461,"meta":220,"style":220},"language-bash shiki shiki-themes github-light github-dark","# Shell-Befehle\npnpm dev\npnpm lint && pnpm typecheck\n","bash",[42,463,464,469,477],{"__ignoreMap":220},[224,465,466],{"class":226,"line":227},[224,467,468],{"class":230},"# Shell-Befehle\n",[224,470,471,474],{"class":226,"line":234},[224,472,473],{"class":241},"pnpm",[224,475,476],{"class":334}," dev\n",[224,478,479,481,484,487,489],{"class":226,"line":249},[224,480,473],{"class":241},[224,482,483],{"class":334}," lint",[224,485,486],{"class":245}," && ",[224,488,473],{"class":241},[224,490,491],{"class":334}," typecheck\n",[215,493,497],{"className":494,"code":495,"language":496,"meta":220,"style":220},"language-json shiki shiki-themes github-light github-dark","{\n  \"name\": \"enaah.de\",\n  \"private\": true,\n  \"type\": \"module\"\n}\n","json",[42,498,499,504,518,530,540],{"__ignoreMap":220},[224,500,501],{"class":226,"line":227},[224,502,503],{"class":245},"{\n",[224,505,506,509,512,515],{"class":226,"line":234},[224,507,508],{"class":259},"  \"name\"",[224,510,511],{"class":245},": ",[224,513,514],{"class":334},"\"enaah.de\"",[224,516,517],{"class":245},",\n",[224,519,520,523,525,528],{"class":226,"line":249},[224,521,522],{"class":259},"  \"private\"",[224,524,511],{"class":245},[224,526,527],{"class":259},"true",[224,529,517],{"class":245},[224,531,532,535,537],{"class":226,"line":263},[224,533,534],{"class":259},"  \"type\"",[224,536,511],{"class":245},[224,538,539],{"class":334},"\"module\"\n",[224,541,542],{"class":226,"line":274},[224,543,291],{"class":245},[10,545,546],{},"Ein Codeblock ohne Sprachangabe rendert ohne Highlighting:",[215,548,553],{"className":549,"code":551,"language":552},[550],"language-text","plain text, kein Highlighting\nnur monospace\n","text",[42,554,551],{"__ignoreMap":220},[14,556,558],{"id":557},"tabellen","Tabellen",[560,561,562,578],"table",{},[563,564,565],"thead",{},[566,567,568,572,575],"tr",{},[569,570,571],"th",{},"Feature",[569,573,574],{},"Status",[569,576,577],{},"Anmerkung",[579,580,581,593,603,612],"tbody",{},[566,582,583,587,590],{},[584,585,586],"td",{},"Überschriften",[584,588,589],{},"✅ Fertig",[584,591,592],{},"H2-H4 mit Anker-Links",[566,594,595,598,600],{},[584,596,597],{},"Codeblöcke",[584,599,589],{},[584,601,602],{},"Shiki + Copy-Button",[566,604,605,607,609],{},[584,606,558],{},[584,608,589],{},[584,610,611],{},"GFM-Pipe-Syntax",[566,613,614,617,620],{},[584,615,616],{},"Fußnoten",[584,618,619],{},"⚙️ Optional",[584,621,622],{},"Werden unten gesammelt",[10,624,625],{},"Spalten lassen sich ausrichten:",[560,627,628,644],{},[563,629,630],{},[566,631,632,636,640],{},[569,633,635],{"align":634},"left","Links",[569,637,639],{"align":638},"center","Mittig",[569,641,643],{"align":642},"right","Rechts",[579,645,646,657],{},[566,647,648,651,654],{},[584,649,650],{"align":634},"Wert A",[584,652,653],{"align":638},"zentral",[584,655,656],{"align":642},"1,00",[566,658,659,662,664],{},[584,660,661],{"align":634},"Wert B",[584,663,653],{"align":638},[584,665,666],{"align":642},"42,50",[14,668,670],{"id":669},"bilder","Bilder",[10,672,673,674,677,678,681],{},"Bilder liegen unter ",[42,675,676],{},"public/"," und werden als statische Assets ausgeliefert. Der ",[42,679,680],{},"alt","-Text ist Pflicht.",[10,683,684],{},[685,686],"img",{"alt":687,"height":688,"src":689,"width":690},"Der Tailwind Config Viewer unter /_tailwind/: links die Navigation über alle Theme-Kategorien, rechts das Farbraster mit Swatch und Hex-Wert.",1024,"/images/blog/tailwind-viewer.webp",1366,[10,692,693],{},[27,694,695],{},"Eine kursive Zeile direkt unter dem Bild dient als Bildunterschrift.",[14,697,699],{"id":698},"trennlinie","Trennlinie",[10,701,702],{},"Ein horizontaler Trenner gliedert längere Beiträge:",[704,705],"hr",{},[14,707,709],{"id":708},"sonstiges","Sonstiges",[10,711,712,713,716,717,53],{},"Du kannst HTML-Entities wie © — und ♥ nutzen. Auch einfache Tastaturkürzel als Inline-Code lesen sich gut: drücke ",[42,714,715],{},"Cmd"," + ",[42,718,719],{},"K",[10,721,722,723,733,734,53],{},"Eine Aussage mit Fußnote",[724,725,726],"sup",{},[47,727,732],{"href":728,"ariaDescribedBy":729,"dataFootnoteRef":220,"id":731},"#user-content-fn-1",[730],"footnote-label","user-content-fnref-1","1"," und eine zweite",[724,735,736],{},[47,737,741],{"href":738,"ariaDescribedBy":739,"dataFootnoteRef":220,"id":740},"#user-content-fn-2",[730],"user-content-fnref-2","2",[10,743,744],{},"Damit sind alle gängigen Auszeichnungen abgedeckt. Fehlt etwas, das du regelmäßig brauchst? Ergänze es hier, dann bleibt dieser Beitrag die eine verlässliche Vorlage.",[746,747,750,755],"section",{"className":748,"dataFootnotes":220},[749],"footnotes",[14,751,754],{"className":752,"id":730},[753],"sr-only","Footnotes",[123,756,757,768],{},[94,758,760,761],{"id":759},"user-content-fn-1","Fußnoten erscheinen gesammelt am Ende des Beitrags. ",[47,762,767],{"href":763,"ariaLabel":764,"className":765,"dataFootnoteBackref":220},"#user-content-fnref-1","Back to reference 1",[766],"data-footnote-backref","↩",[94,769,771,772],{"id":770},"user-content-fn-2","Sie sind praktisch für Quellen und Randbemerkungen, ohne den Lesefluss zu stören. ",[47,773,767],{"href":774,"ariaLabel":775,"className":776,"dataFootnoteBackref":220},"#user-content-fnref-2","Back to reference 2",[766],[778,779,780],"style",{},"html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}",{"title":220,"searchDepth":234,"depth":234,"links":782},[783,784,787,788,789,790,791,792,793,794],{"id":16,"depth":234,"text":17},{"id":68,"depth":234,"text":69,"children":785},[786],{"id":76,"depth":249,"text":77},{"id":85,"depth":234,"text":86},{"id":179,"depth":234,"text":180},{"id":42,"depth":234,"text":206},{"id":557,"depth":234,"text":558},{"id":669,"depth":234,"text":670},{"id":698,"depth":234,"text":699},{"id":708,"depth":234,"text":709},{"id":730,"depth":234,"text":754},"2026-06-17","Ein Referenz-Beitrag, der jede Markdown-Auszeichnung zeigt, die dieser Blog rendert: von Überschriften und Listen über Tabellen und Codeblöcke bis zu Bildern, Zitaten und Fußnoten.",false,"md",{},"/blog/de/markdown-showcase",[802,806,810],{"label":803,"url":804,"description":805},"Markdown Guide","https://www.markdownguide.org/","Umfassende Referenz zur Markdown-Syntax.",{"label":807,"url":808,"description":809},"GitHub Flavored Markdown","https://github.github.com/gfm/","Die GFM-Spezifikation: Tabellen, Task-Listen, Durchstreichen.",{"label":811,"url":812,"description":813},"@nuxt/content: Markdown","https://content.nuxt.com/docs/files/markdown","Wie dieser Blog Markdown verarbeitet und welche MDC-Erweiterungen er kennt.",{"title":5,"description":796},"markdown-showcase","blog/de/markdown-showcase",[818,819,820],"Markdown","Nuxt","Content",null,"R6pRGe0P1U2ks7daPXLRwMPFD_jkE4DFWKdmx3zku-M",1790548931354]