---
title: "Bienvenido a Astro Lite"
description: "Tu primer artículo de blog. Astro Lite es un starter simplificado con todo lo que necesitas para empezar."
publishedAt: 2026-07-03
author: "Admin"
tags: ["astro", "tutorial", "inicio"]
---

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

```typescript
// 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:

```typescript
{
  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`:

```typescript
effects: {
  cursorTrail: false,  // ← Cambia a false para desactivar
},
```

## Crear nuevos posts

Crea un archivo `.mdx` en `src/content/blog/`:

```markdown
---
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!
