Erstellen Sie eine schnelle und moderne Website mit Astro!!
Rezepte:
Astro
Bootstrap neu
animieren
Dokumentation: https://www.hockeycomputindo.com/2022/03/astro-website-template-free-download.html
Demo: https://astroboyweb.netlify.app/
Homepage: https://astroman.vercel.app/
Video: https://www.youtube.com/watch?v=PjAUuI21ko4
Was neues??
Begrüßungsbildschirm
Vollständige Animate-Funktion
git clone https://github.com/mesinkasir/astroweb.git
? Erfahrener Astronaut? Löschen Sie diese Datei. Viel Spaß!
Merkmale:
✅ SEO-freundliche Einrichtung mit kanonischen URLs und OpenGraph-Daten
✅ Volle Markdown-Unterstützung
✅ RSS 2.0-Generierung
✅ Sitemap.xml-Generierung
In Ihrem Astro-Projekt sehen Sie die folgenden Ordner und Dateien:
/ ├── public/ │ ├── robots.txt │ └── favicon.ico ├── src/ │ ├── components/ │ │ └── Tour.astro │ └── pages/ │ └── index.astro └── package.json
Astro sucht im Verzeichnis src/pages/
nach .astro
oder .md
Dateien. Jede Seite wird basierend auf ihrem Dateinamen als Route angezeigt.
Es gibt nichts Besonderes an src/components/
, aber dort platzieren wir gerne alle Astro/React/Vue/Svelte/Preact-Komponenten.
Alle statischen Assets, wie z. B. Bilder, können im Verzeichnis public/
abgelegt werden.
Alle Befehle werden im Stammverzeichnis des Projekts von einem Terminal aus ausgeführt:
Befehl | Aktion |
---|---|
npm install | Installiert Abhängigkeiten |
npm run dev | Startet den lokalen Entwicklungsserver bei localhost:3000 |
npm run build | Erstellen Sie Ihren Produktionsstandort auf ./dist/ |
npm run preview | Sehen Sie sich Ihren Build lokal in der Vorschau an, bevor Sie ihn bereitstellen |
Schauen Sie sich gerne unsere Dokumentation an oder besuchen Sie unseren Discord-Server.