vira-velmozhna/knittedstorybears.astro●
← projekte
const project = "knittedstorybears";

knittedstorybears

Eine statische Astro-Website als Ersatz für einen Blogger-Blog: alle Beiträge, Fotos und Kommentare übernommen, alte Links funktionieren weiter, alles selbst gehostet.

AstroTypeScriptMarkdownNode.jssharpRemark42DockerCaddy
knittedstorybears screenshot

Überblick

Knitted Story Bears ist ein Blog mit kostenlosen Amigurumi-Häkelanleitungen — kleine Tiere, Puppen und saisonale Anhänger, mit Schritt-für-Schritt-Fotos zu jeder Runde. Früher lief er auf Blogger; ich habe ihn als statische Website neu gebaut, die schneller ist, sich beim Häkeln leichter verfolgen lässt und vollständig in meiner Hand liegt.

Es gibt keine Werbung, keine Analytics und kein Tracking, und die ganze Website läuft auf meinem eigenen Server.

Was ich gebaut habe

  • Statische Astro-Website, jede Anleitung als Markdown-Datei in einer Content Collection
  • Anleitungsseiten fürs Häkeln gemacht: Runden per Tippen abhaken (der Fortschritt bleibt im Browser gespeichert), ein Menü „Jump to a part“, druckfreundliches Layout und ein Pin-it-Button
  • Kollektionen, ähnliche Anleitungen, ein Maschen-Guide und strukturierte Daten für Suchmaschinen
  • Node.js-Importskript, das alle Blogger-Beiträge, Fotos und Kommentare übernommen und dabei Link-Spam aussortiert hat
  • Dauerhafte Weiterleitungen von allen alten Blogger-Adressen, damit Suchmaschinen-Rankings und Pinterest-Pins weiter funktionieren
  • Bildverarbeitung beim Build mit sharp: Schrittfotos als Raster, Lazy Loading ohne springende Seite
  • Selbst gehostete Remark42-Kommentare in einem abgesicherten Docker-Container — Kommentieren nur mit Namen, ohne Konten
  • Ausgeliefert über Caddy mit automatischem HTTPS und ohne Zugriffslogs