]> juplo.de Git - website/commit
Schritt 6: Layout-Migration — BaseLayout + Blog-Navigation
authorKai Moritz <kai.milan.moritz@googlemail.com>
Sat, 6 Jun 2026 07:50:57 +0000 (07:50 +0000)
committerKai Moritz <kai.milan.moritz@googlemail.com>
Sat, 6 Jun 2026 07:50:57 +0000 (07:50 +0000)
commita5dd8b4cda1a90214cc1ac3d7c665d4a8f9cc690
treedf22b2215cfcf144811433ae8ec5ab6a7c98a38f
parent2121974666f3ba4e931bc7153ef2d1771de43d4e
Schritt 6: Layout-Migration — BaseLayout + Blog-Navigation

Astro-native Umsetzung des Hugo-Layouts (identisches HTML-Markup):

BaseLayout.astro:
- Gerüst: #page > header#header, #breadcrumb, main.content.cf, footer#footer
- Inline-Script für Layout-Switcher (Classic/Resurrection/None via localStorage)
- Named Slots: breadcrumb, article, menu, marginalcontent, footerlinks

BlogNav.astro:
- Exakt gleiches Markup wie menu/blog.html (inkl. CSS-Klassen):
  - Section-Menu: m + m-selected auf aktivem Abschnitt
  - Submenu: s, sub, off, selected, nav-leaf identisch zu Hugo
  - Blog-Post-URLs zählen als "im Archiv" (off-Verhalten korrekt)
  - Categories/Tags mit off-Klasse auf Post-Seiten

Breadcrumb.astro, TaxonomyAside.astro, PostMeta.astro als eigenständige
Komponenten. src/pages/[slug].astro nutzt das vollständige Layout.

HTML-Vergleich mit Hugo-Referenz bestanden (bidirectional-association-post).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
src/components/BlogNav.astro [new file with mode: 0644]
src/components/Breadcrumb.astro [new file with mode: 0644]
src/components/PostMeta.astro [new file with mode: 0644]
src/components/TaxonomyAside.astro [new file with mode: 0644]
src/layouts/BaseLayout.astro [new file with mode: 0644]
src/pages/[slug].astro