fuwari

Fuwari

Eine mit Astro erstellte statische Blog-Vorlage.

Live-Demo (Vercel) / Alte Hexo-Version /中文/日本語/ 한국어 / Español / ไทย

README-Version: 2024-09-10

Merkmale

• Gebaut mit Astro und Tailwind CSS

• Reibungslose Animationen und Seitenübergänge

• Hell-/Dunkelmodus

• Anpassbare Themenfarben und Banner

• Responsives Design

• Kommentare

• Suchen

• Inhaltsverzeichnis

Verwendung

1. Generieren Sie ein neues Repository aus dieser Vorlage oder teilen Sie dieses Repository auf.

2. Um Ihr Blog lokal zu bearbeiten, klonen Sie Ihr Repository, führen Sie pnpm install UND pnpm add sharp aus, um Abhängigkeiten zu installieren.

• Installieren Sie pnpm npm install -g pnpm falls Sie dies nicht getan haben.

3. Bearbeiten Sie die Konfigurationsdatei src/config.ts um Ihr Blog anzupassen.

4. Führen Sie pnpm new-post <filename> aus, um einen neuen Beitrag zu erstellen und ihn in src/content/posts/ zu bearbeiten.

5. Stellen Sie Ihr Blog gemäß den Anleitungen auf Vercel, Netlify, GitHub Pages usw. bereit. Sie müssen die Site-Konfiguration in astro.config.mjs vor der Bereitstellung bearbeiten.

Titelblatt der Beiträge

 ---Titel: Mein erster Blog-Beitragveröffentlicht: 09.09.2023Beschreibung: Dies ist der erste Beitrag meines neuen Astro-Blogs.Bild: ./cover.jpgTags: [Foo, Bar]Kategorie: Frontenddraft: falselang: jp # Nur festlegen, wenn die Sprache des Beitrags von der Sprache der Website in „config.ts“ abweicht---

Befehle

Alle Befehle werden im Stammverzeichnis des Projekts von einem Terminal aus ausgeführt:

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