So stellst du einen statischen Blog mit Astro kostenlos online
Bei dynamischen Blogs hatte ich immer Sorge, den Server zu vergessen oder bei Programm-Updates auf Probleme zu stoßen. Als ich statische Blogs entdeckte, wurde mir klar: Das ist die ideale Lösung. Nachdem ich Hugo, Hexo und Astro verglichen hatte, entschied ich mich letztlich für Astro.
Vorteile statischer Blogs
- Kostenloses Hosting – Abgesehen von der Domain bieten große Tech-Konzerne Einzelentwicklern kostenloses Hosting an.
- Null Wartung – Die Artikel liegen auf deinem eigenen Rechner. Solange die Hosting-Plattform nicht eingestellt wird, läuft dein Blog für immer.
- Vorgerendert – Statische Blogs erzeugen vor dem Deployment reine HTML/CSS/JS-Dateien – kein Backend nötig.
- CDN-kompatibel – Da alles statische Dateien sind, verteilst du sie auf globale Edge-Knoten, sodass Nutzer weltweit millisekundenschnell laden.
Warum Astro?
- Static-First – Erzeugt reine HTML-Dateien, keine Datenbank oder Server erforderlich.
- Hervorragende Performance – Standardmäßig null JavaScript, extrem schnelles Laden.
- Hohe Flexibilität – Unterstützt Markdown, MDX und gemischte Frameworks.
- Aktives Ökosystem – Lebendige Community, umfassende Dokumentation, reichhaltige Plugin-Bibliothek.
Das Sintu-Einspalter-Theme für Astro
Dieses Astro-Einspalter-Vorlagen-Theme habe ich selbst designt und gebaut. Vor Kurzem habe ich es von Typecho nach Astro migrieren lassen – Hermes hat das übernommen. Bei der Migration habe ich einige Funktionen aufgewertet, und der Code ist jetzt um ein Drittel schlanker als zuvor. Ich nutze die Gelegenheit, um anzumerken: Die Verbreitung von KI hat früher komplexe Aufgaben enorm vereinfacht – die Entwicklungsgeschwindigkeit war fast göttlich, die Codequalität nahezu perfekt, und sie bringt mich unendlich nah an das Niveau eines genialen Programmierers heran 😂.
Funktionshighlights
- Perfekte Performance – Millisekunden-Ladezeit, Google Lighthouse erreicht auf Mobilgeräten und Desktop jeweils 100 Punkte.
- Dark Mode – Neben dem Logo habe ich einen Schalter für den Dark Mode eingebaut.
- Thumbnail-Hover-Zoom – Neben dem Vergrößern führt ein Klick auf das Bild zur Artikelseite.
- Keine Vorschaubilder auf Mobilgeräten – Steuert den Ressourcen-Ladeprozess je nach Bildschirmgröße, spart Bandbreite.
- Aliyun OSS-Bildverarbeitung – Bilder werden über OSS verarbeitet, Parameter werden nach dem HTML-Rendering hinzugefügt, spart Bandbreite.
- Performance-Optimierung – CSS wird über Vite gebündelt, Bilder mit Lazy Loading.
- Responsive Design – Perfekte Anpassung an Desktop und Mobilgeräte mit einem einheitlichen Grid-System.
- Kommentarfeld – Integriert über die offizielle Twikoo-Lösung.
Veröffentlichungs-Workflow
- Schreibe deinen Markdown-Artikel lokal.
- Sende eine Nachricht an den Hermes-Agenten, um ins GitHub-Repository zu pushen (oder pushe selbst über GitHub).
- Tencent EdgeOne, Vercel, Netlify oder Cloudflare Pages ziehen das Update automatisch und bauen es.
- Automatisch auf globale CDN-Knoten deployed.
Open Source
Dieses Theme ist Open Source. Wenn es dir gefällt, kannst du den Autor auch unterstützen: