goulven clech.dev

Mein persönlicher Blog, erstellt mit Astro, TypeScript und Tailwind CSS. Live auf goulven-clech.dev, moderiert von Vercel.

Der Quellcode wird unter der 0BSD-Lizenz bereitgestellt, eine Nennung ist erwünscht, aber nicht erforderlich. Der Textinhalt des Blogs wird gemäß der CC BY 4.0-Vereinbarung bereitgestellt, eine Quellenangabe ist erforderlich. Für beide Zwecke steht es Ihnen jedoch frei, sie für jeden kommerziellen oder persönlichen Zweck zu verwenden, zu kopieren, zu ändern und/oder zu verbreiten.

Einige Einträge zitieren möglicherweise Texte, Bilder oder Ressourcen aus externen Quellen: Es gelten die Originallizenzen, und ich gebe die Autoren an, sofern bekannt.

Bemerkenswerte Funktionen

Im Kern ähnelt dieses Projekt jedem Blog, der mit Astro erstellt wurde. Sie können damit beginnen, meinen Beitrag „Starten eines Blogs mit Astro“ zu lesen. Aber nach und nach habe ich einige originelle Funktionen hinzugefügt, die Sie interessieren könnten. Hier sind die wichtigsten:

• Suchleiste: Nur mit Astro- und Webkomponenten erstellt, Blogeinträge basierend auf Benutzereingaben filtern.

• Inhaltsverzeichnis: Erstellen Sie mit Astro und MDX ein Inhaltsverzeichnis basierend auf den Überschriften. Mit verschachtelten Listen.

• Offene Bibliothek und Google Maps-Blöcke: Zeigt API-Ergebnisse in Blogeinträgen gut an.

• Dunkler Modus: Wechseln Sie zwischen hellen, dunklen und Systemfarbschemata. Verwenden Sie lokalen Speicher, um die Auswahl des Benutzers beizubehalten.

• Benutzerdefinierter Bilddienst: Wird aus Erikas Blog abgerufen, steigert die Leistung und zeigt beim Laden des Bildes einen Platzhalter an.

Projektstruktur

 /
├── src/
│   ├── content/ -> Sub repository
│   ├── assets/
│   │   └── base.css
│   ├── components/
│   │   └── Card.astro
│   ├── layouts/
│   │   └── Layout.astro
│   ├── pages/
│   │   └── index.astro
│   ├── env.d.ts
│   └── [...utils].ts
├── public/
│   └── Iosevka-Regular.woff2
├── [... config files]
├── README.md
└── package.json

pages/ enthält jede Seite dieses Blogs als .astro Dateien.

layouts/ und components/ enthalten jede Webkomponente als „.astro“-Dateien.

Befehle

Befehl	Aktion
pnpm install	Installiert Abhängigkeiten
pnpm run dev	Startet den lokalen Entwicklungsserver bei localhost:3000
pnpm run build	Erstellen Sie Ihren Produktionsstandort auf ./dist/
pnpm run preview	Sehen Sie sich Ihren Build lokal in der Vorschau an, bevor Sie ihn bereitstellen
pnpm run astro ...	Führen Sie CLI-Befehle wie astro add oder astro check aus
pnpm run astro --help	Erhalten Sie Hilfe bei der Verwendung der Astro-CLI

Alle Befehle sollten von einem Terminal aus im Stammverzeichnis des Projekts ausgeführt werden. Anstelle von PNPM können Sie auch NPM oder Yarn verwenden.