Saltar al contenido
astro tutorial inicio

# Bienvenido a Astro Lite

Admin · 2 de julio de 2026

## 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!

← Volver al blog