Aller au contenu
星罗
Rechercher
Changer de langue
Retour

Démarrage

1 min de lecture Modifier sur GitHub

Ce guide vous aide à démarrer Xingluo pour le développement local et les builds de production à partir de zéro.

Prérequis

DépendanceVersion minimaleNotes
Node.js22.12.0Voir engines.node dans package.json
pnpm10.xGestionnaire de paquets (le projet utilise pnpm workspace)

Astuce : gérez les versions de Node avec fnm ou nvm.

Installation

Après avoir cloné le dépôt, installez les dépendances :

bash
pnpm 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/) :

bash
pnpm 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 :

bash
pnpm sync

Construction

La build de production comporte trois étapes (voir le script build dans package.json) :

bash
pnpm build
  1. astro check : vérification des types TypeScript et des modèles Astro ; toute erreur interrompt la build
  2. astro build : génère statiquement l’ensemble du site dans dist/ (y compris les images OG dynamiques, RSS, sitemap, robots.txt)
  3. node scripts/generateSearchIndex.mjs : scanne dist/ pour générer l’index de recherche plein texte dans dist/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 :

bash
pnpm preview

Qualité du code

CommandeObjectif
pnpm formatFormate tout le code avec Prettier (y compris Astro et Tailwind)
pnpm format:checkVérifie la conformité du formatage (utilisé en CI)
pnpm lintVérifications ESLint (y compris eslint-plugin-astro)

Prochaines étapes


Articles associés

  • Déploiement

    2 min de lecture

    Guide 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 lecture

    Guide 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.