astro tutorial inicio
Bienvenido a Astro Lite
Admin ·
Introducción
¡Bienvenido a Astro Lite! Este es tu primer artículo de blog. Si estás leyendo esto, significa que todo está funcionando correctamente.
¿Qué es Astro Lite?
Astro Lite es un starter simplificado basado en Astro 7 con:
- Tailwind CSS v4 para estilos
- Dark mode con un click
- Blog en Markdown/MDX
- Paleta de colores editable
- Cursor trail activable/desactivable
Cómo editar el contenido
Todo el contenido del sitio se edita desde un solo archivo:
// src/config/site.config.ts
const siteConfig = {
name: 'Mi Sitio', // ← Cambia tu nombre
hero: {
title: 'Hola mundo', // ← Cambia el título del hero
subtitle: 'Descripción', // ← Cambia el subtítulo
},
// ... más opciones
};Cómo cambiar los colores
Edita src/config/themes.config.ts para personalizar la paleta:
{
name: 'custom',
label: 'Mi Color',
brand: {
500: 'oklch(62.5% 0.22 180)', // ← Tu color principal
// ... resto de la escala
},
}Cómo activar/desactivar el cursor trail
En site.config.ts:
effects: {
cursorTrail: false, // ← Cambia a false para desactivar
},Crear nuevos posts
Crea un archivo .mdx en src/content/blog/:
---
title: "Mi nuevo post"
description: "Descripción del post"
publishedAt: 2026-07-03
author: "Tu nombre"
tags: ["tag1", "tag2"]
---
Contenido aquí...Conclusión
Astro Lite está diseñado para ser fácil de usar y personalizar. ¡Empieza a crear tu sitio hoy!