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