Démarrage
Ce guide vous aide à démarrer Xingluo pour le développement local et les builds de production à partir de zéro.
Prérequis
| Dépendance | Version minimale | Notes |
|---|---|---|
| Node.js | 22.12.0 | Voir engines.node dans package.json |
| pnpm | 10.x | Gestionnaire de paquets (le projet utilise pnpm workspace) |
Installation
Après avoir cloné le dépôt, installez les dépendances :
bashpnpm install
Une fois les dépendances installées, les projets de référence sous references/ sont automatiquement exclus de la compilation TypeScript et des builds (voir exclude dans tsconfig.json).
Développement local
Démarrez le serveur de développement (par défaut sur http://localhost:4321/) :
bashpnpm dev
En mode développement :
- Les brouillons et les articles programmés sont tous visibles (pour prévisualisation) ; ils sont filtrés uniquement lors des builds de production
- Les modifications des collections de contenu déclenchent un rechargement à chaud
- Les comportements côté client (basculement de thème, View Transitions, etc.) correspondent à la production
Synchronisation des types
Après avoir modifié les schémas ou les types de la collection de contenu, exécutez sync pour rafraîchir .astro/types.d.ts :
bashpnpm sync
Construction
La build de production comporte trois étapes (voir le script build dans package.json) :
bashpnpm build
astro check: vérification des types TypeScript et des modèles Astro ; toute erreur interrompt la buildastro build: génère statiquement l’ensemble du site dansdist/(y compris les images OG dynamiques, RSS, sitemap, robots.txt)node scripts/generateSearchIndex.mjs: scannedist/pour générer l’index de recherche plein texte dansdist/search/
Note : L’index de recherche est généré par un script Node après la construction.
Aperçu de la construction
Prévisualisez la sortie de build dans dist/ localement :
bashpnpm preview
Qualité du code
| Commande | Objectif |
|---|---|
pnpm format | Formate tout le code avec Prettier (y compris Astro et Tailwind) |
pnpm format:check | Vérifie la conformité du formatage (utilisé en CI) |
pnpm lint | Vérifications ESLint (y compris eslint-plugin-astro) |
Prochaines étapes
- Lisez le Guide de configuration pour personnaliser les informations du site et les fonctionnalités
- Lisez Rédaction de contenu pour commencer à écrire
- Lisez Déploiement pour publier votre site
Articles associés
Déploiement
2 min de lectureGuide de déploiement Xingluo couvrant les plateformes d'hébergement statique (Netlify/Vercel/GitHub Pages), l'auto-hébergement Nginx, Docker et les variables d'environnement.
Recherche
1 min de lectureGuide de recherche Xingluo couvrant l'intégration de la recherche plein texte Flexsearch, la génération d'index, l'UI, la recherche multilingue et les performances.