Willkommen auf meinem neuen Blog

Dieser Blog ist mein neues Zuhause im Web. Gebaut mit Astro, gestyled mit Tailwind CSS, und gehostet auf Cloudflare Pages. Alles Open Source, alles unter meiner Kontrolle.

Warum der Wechsel?

Ghost war gut — der Editor ist fantastisch, Slash-Commands machen Spaß. Aber ich wollte volle Kontrolle über mein Design und meine Komponenten. Und ich wollte meine Posts als Markdown im Git-Repo haben.

💡

Tip

Dieser Blog nutzt MDX — das bedeutet, ich kann Astro-Komponenten direkt in meinen Markdown-Posts verwenden.

Was dieser Blog kann

Link Cards

Links werden automatisch als hübsche Vorschau-Karten dargestellt:

Astro

Astro builds fast content sites, powerful web applications, dynamic server APIs, and everything in-between.

astro.build

→

Callouts

Verschiedene Typen für verschiedene Zwecke:

Note

Dies ist eine Info-Box für allgemeine Hinweise.

⚡

Warning

Warnung: Diese API ist experimentell und kann sich ändern.

🚨

Danger

Vorsicht: Diese Aktion kann nicht rückgängig gemacht werden.

Code mit Tabs

npm create astro@latest

pnpm create astro@latest

yarn create astro@latest

Syntax Highlighting

interface BlogPost {
  title: string;
  date: Date;
  tags: string[];
  draft: boolean;
}

function getPublishedPosts(posts: BlogPost[]): BlogPost[] {
  return posts
    .filter((post) => !post.draft)
    .sort((a, b) => b.date.valueOf() - a.date.valueOf());
}

Accordion

Wie ist dieser Blog aufgebaut?

Der Blog nutzt Astro als Static Site Generator mit MDX für die Posts. Tailwind CSS sorgt für das Styling, und Pagefind bietet die Suchfunktion. Gehostet wird alles auf Cloudflare Pages.

Kann ich den Quellcode sehen?

Klar! Der gesamte Quellcode ist auf GitHub verfügbar.

Tech Stack

Framework: Astro 6
Styling: Tailwind CSS 4
Content: MDX mit Custom Widgets
Suche: Pagefind
Hosting: Cloudflare Pages
Syntax Highlighting: Shiki

Mehr Posts kommen bald. Stay tuned!