Primeros Pasos
Esta guía te ayuda a poner en marcha Xingluo para el desarrollo local y las compilaciones de producción desde cero.
Requisitos
| Dependencia | Versión mínima | Notas |
|---|---|---|
| Node.js | 22.12.0 | Consulta engines.node en package.json |
| pnpm | 10.x | Gestor de paquetes (el proyecto usa pnpm workspace) |
Instalación
Después de clonar el repositorio, instala las dependencias:
bashpnpm install
Una vez instaladas las dependencias, los proyectos de referencia en references/ se excluyen automáticamente de la compilación de TypeScript y las builds (ver exclude en tsconfig.json).
Desarrollo local
Inicia el servidor de desarrollo (por defecto en http://localhost:4321/):
bashpnpm dev
En modo de desarrollo:
- Los borradores y las publicaciones programadas son todas visibles (para vista previa); solo se filtran durante las compilaciones de producción
- Los cambios en las colecciones de contenido activan la recarga en caliente
- Los comportamientos del lado del cliente (cambio de tema, View Transitions, etc.) coinciden con la producción
Sincronización de tipos
Después de modificar los esquemas o tipos de las colecciones de contenido, ejecuta sync para actualizar .astro/types.d.ts:
bashpnpm sync
Compilación
La compilación de producción tiene tres pasos (ver el script build en package.json):
bashpnpm build
astro check: verificación de tipos de TypeScript y plantillas Astro; cualquier error aborta la compilaciónastro build: genera estáticamente todo el sitio endist/(incluyendo imágenes OG dinámicas, RSS, sitemap, robots.txt)node scripts/generateSearchIndex.mjs: escaneadist/para generar el índice de búsqueda de texto completo endist/search/
Nota: El índice de búsqueda se genera mediante un script de Node después de la compilación.
Vista previa de la compilación
Previsualiza el resultado de la compilación en dist/ localmente:
bashpnpm preview
Calidad del código
| Comando | Propósito |
|---|---|
pnpm format | Formatea todo el código con Prettier (incluyendo Astro y Tailwind) |
pnpm format:check | Verifica el cumplimiento del formato (usado en CI) |
pnpm lint | Verificaciones de ESLint (incluyendo eslint-plugin-astro) |
Próximos pasos
- Lee la Guía de configuración para personalizar la información del sitio y las funciones
- Lee Creación de contenido para empezar a escribir
- Lee Despliegue para publicar tu sitio
Artículos relacionados
Despliegue
2 min de lecturaGuía de despliegue de Xingluo que cubre plataformas de alojamiento estático (Netlify/Vercel/GitHub Pages), autoalojamiento Nginx, Docker y variables de entorno.
Búsqueda
1 min de lecturaGuía de búsqueda de Xingluo que cubre la integración de búsqueda de texto completo Flexsearch, generación de índices, UI, búsqueda multilingüe y rendimiento.