npx blowfish-tools new <site> und folge dann der Installationsanleitung. Bestehende Blowfish-Websites können ohne inkompatible Konfigurationsänderungen auf v3 wechseln.Erstelle die Website, die du im Kopf hast#
Blowfish bietet einen starken Ausgangspunkt, ohne das Ergebnis festzulegen. Wähle zwischen Profil-, Landing-, Hero-, Karten- oder Hintergrund-Homepage-Layouts. Farben, Typografie, Navigation, Dark Mode und Artikelansicht steuerst du in der Konfiguration deiner Website. Für einzelne Seiten steht Front Matter bereit.
Deine Inhalte bleiben portable Hugo-Inhalte: Markdown, Page Bundles, Taxonomien, Menüs und Konfigurationsdateien in deinem Repository. Es gibt keinen proprietären Editor und keinen Lock-in.
Reichhaltige Inhalte ohne viel eigenen Code#
Schreibe in Markdown und nutze bei Bedarf mehr als 40 Shortcodes. Füge Buttons, Hinweise, Icons, Tabs, Galerien, Charts, Diagramme, GitHub-Karten, Videos und Codebeispiele hinzu, ohne eigene Templates pflegen zu müssen.
Blowfish übernimmt auch die Arbeit drumherum: responsive Feature-Bilder und Thumbnails, Suche, Lesewerkzeuge, Inhaltsverzeichnisse, Social- und SEO-Metadaten, strukturierte Daten, Accessibility-Einstellungen sowie optionale Analysen, Kommentare oder Firebase-basierte Aufrufe und Likes.
Für alle Leserinnen und Leser#
Erstelle mehrsprachige Websites mit übersetzten Inhalten, sprachspezifischen Menüs und integrierten UI-Übersetzungen. Blowfish unterstützt RTL- und LTR-Sprachen im selben Projekt. Hinzu kommen ein Darstellungsumschalter, responsive Navigation und tastaturfreundliche Suche.
Unter der Haube nutzt Blowfish aktuelle Hugo-Funktionen und Tailwind CSS 4. Das Konfigurations- und Inhaltsmodell bleibt dabei leicht verständlich und vollständig in deiner Hand.
Gib deinem Coding-Agent den richtigen Kontext#
Blowfish enthält einen Agent-Skill für KI-Coding-Agents wie Claude Code. Er erklärt, wo die Konfiguration liegt, wie Layouts und Front Matter funktionieren, welche Shortcodes verfügbar sind und wie Blowfish-Websites ohne Raten angepasst werden.
Installiere ihn in Claude Code:
/plugin marketplace add nunocoracao/blowfish
/plugin install blowfish@blowfishOder kopiere den Skill nach .claude/skills/blowfish/ in dein Projekt. Danach kann dein Agent bei Setup, Konfiguration, Inhaltsstruktur, Seitendesign und theme-bewusster Umsetzung helfen, während deine Website in deinem Repository bleibt.
Dein nächster Schritt#
- Neu bei Blowfish? Beginne mit der Installation.
- Bereit zum Gestalten? Lies Erste Schritte und Konfiguration.
- Du möchtest Möglichkeiten sehen? Entdecke Shortcodes, Samples und den Showcase.
- Du migrierst eine bestehende Website? Folge der Upgrade-Anleitung für Blowfish 3.
