Styling & Exporte

Styles überschreiben

Das Theme ist ein einziges Stylesheet aus CSS Custom Properties. Die Tokens nach dem Laden des Themes überschreiben:

:root {
  --accent: #c0392b;
  --content-width: 48rem;
}

Package-Exporte

Import	Was
`astro-blog-theme`	die Integration (Default-Export)
`astro-blog-theme/content`	`blogSchema`
`astro-blog-theme/layouts/BaseLayout.astro`	Seitenrahmen (Head, Header, Footer)
`astro-blog-theme/layouts/PostLayout.astro`	Layout für einzelne Beiträge
`astro-blog-theme/components/*.astro`	`Header`, `Footer`, `PostCard`, `Figure`, `Gallery`, …
`astro-blog-theme/posts`	`getPosts`, `getAllPosts`, `getRelated`, …
`astro-blog-theme/tags`	`getTags`, `tagUrl`, `tagSlug`
`astro-blog-theme/series`	`getSeriesList`, `getSeriesContexts`, …
`astro-blog-theme/gallery`	`getGalleryItems`, `getAllGalleryItems`, `getGalleryFacets`
`astro-blog-theme/i18n`	`t`, `locales`, `defaultLocale`, `blogPostHref`, …
`astro-blog-theme/styles.css`	das Stylesheet (bereits von den Layouts geladen)
`virtual:astro-blog-theme/config`	das aufgelöste Options-Objekt

Alles wird als Quelltext verteilt (.astro/.ts), so wie ein Hugo-Theme als Quelltext eingebunden wird — kein separater Build-Schritt zwischen dem Theme-Repository und dem eigenen Projekt.

PWA