1 line
No EOL
5.7 KiB
JSON
1 line
No EOL
5.7 KiB
JSON
[["Map",1,2,32,33],"blog",["Map",3,4,19,20],"customization-guide",{"id":3,"data":5,"body":15,"filePath":16,"digest":17,"deferredRender":18},{"title":6,"description":7,"publishedAt":8,"author":9,"tags":10,"draft":14},"Guía de personalización","Aprende a personalizar cada aspecto de tu sitio Astro Lite.",["Date","2026-07-03T00:00:00.000Z"],"Admin",[11,12,13],"guia","personalizacion","tailwind",false,"## Personalización completa\n\nAstro Lite está diseñado para ser fácil de personalizar. Aquí te mostramos cómo.\n\n### Cambiar tipografía\n\nEdita los tokens de tipografía en `src/styles/tokens/typography.css`:\n\n```css\n:root {\n --text-base: clamp(1rem, 0.925rem + 0.375vw, 1.0625rem);\n /* Ajusta los valores clamp() para cambiar el tamaño base */\n}\n```\n\n### Agregar nuevos temas\n\n1. Crea un archivo CSS en `src/styles/themes/`\n2. Define los tokens de color para light y dark mode\n3. Importa el archivo en `global.css`\n4. Agrega el tema a `themes.config.ts`\n\n### Agregar nuevas páginas\n\n1. Crea un archivo `.astro` en `src/pages/`\n2. Usa `BaseLayout` como wrapper\n3. Agrega el link a la navegación en `nav.config.ts`\n\n### Personalizar componentes\n\nLos componentes usan **CVA** (Class Variance Authority) para manejar variantes. Cada componente tiene un archivo `*.variants.ts` donde puedes agregar o modificar estilos.\n\nEjemplo de Button:\n\n```typescript\n// button.variants.ts\nexport const buttonVariants = cva(\n 'inline-flex items-center justify-center...',\n {\n variants: {\n variant: {\n primary: 'bg-primary text-primary-foreground...',\n // Agrega tu variante personalizada\n gradient: 'bg-gradient-to-r from-brand-500 to-brand-700...',\n },\n },\n }\n);\n```\n\n## Tips\n\n- Usa los design tokens (`var(--color-brand-500)`) en lugar de colores hardcodeados\n- Los componentes son modulares: importa solo lo que necesites\n- El dark mode funciona automáticamente con los tokens semánticos","src/content/blog/customization-guide.mdx","b54c1127f0aa8068",true,"hello-world",{"id":19,"data":21,"body":29,"filePath":30,"digest":31,"deferredRender":18},{"title":22,"description":23,"publishedAt":24,"author":9,"tags":25,"draft":14},"Bienvenido a Astro Lite","Tu primer artículo de blog. Astro Lite es un starter simplificado con todo lo que necesitas para empezar.",["Date","2026-07-03T00:00:00.000Z"],[26,27,28],"astro","tutorial","inicio","## Introducción\n\n¡Bienvenido a **Astro Lite**! Este es tu primer artículo de blog. Si estás leyendo esto, significa que todo está funcionando correctamente.\n\n## ¿Qué es Astro Lite?\n\nAstro Lite es un starter simplificado basado en Astro 7 con:\n\n- **Tailwind CSS v4** para estilos\n- **Dark mode** con un click\n- **Blog en Markdown/MDX**\n- **Paleta de colores editable**\n- **Cursor trail** activable/desactivable\n\n## Cómo editar el contenido\n\nTodo el contenido del sitio se edita desde un solo archivo:\n\n```typescript\n// src/config/site.config.ts\nconst siteConfig = {\n name: 'Mi Sitio', // ← Cambia tu nombre\n hero: {\n title: 'Hola mundo', // ← Cambia el título del hero\n subtitle: 'Descripción', // ← Cambia el subtítulo\n },\n // ... más opciones\n};\n```\n\n## Cómo cambiar los colores\n\nEdita `src/config/themes.config.ts` para personalizar la paleta:\n\n```typescript\n{\n name: 'custom',\n label: 'Mi Color',\n brand: {\n 500: 'oklch(62.5% 0.22 180)', // ← Tu color principal\n // ... resto de la escala\n },\n}\n```\n\n## Cómo activar/desactivar el cursor trail\n\nEn `site.config.ts`:\n\n```typescript\neffects: {\n cursorTrail: false, // ← Cambia a false para desactivar\n},\n```\n\n## Crear nuevos posts\n\nCrea un archivo `.mdx` en `src/content/blog/`:\n\n```markdown\n---\ntitle: \"Mi nuevo post\"\ndescription: \"Descripción del post\"\npublishedAt: 2026-07-03\nauthor: \"Tu nombre\"\ntags: [\"tag1\", \"tag2\"]\n---\n\nContenido aquí...\n```\n\n## Conclusión\n\nAstro Lite está diseñado para ser fácil de usar y personalizar. ¡Empieza a crear tu sitio hoy!","src/content/blog/hello-world.mdx","9276becfb5fe6a0a","meta::meta",["Map",34,35,36,37,38,39],"astro-config-digest","{\"root\":{},\"srcDir\":{},\"publicDir\":{},\"outDir\":{},\"cacheDir\":{},\"site\":\"https://example.com\",\"compressHTML\":true,\"base\":\"/\",\"trailingSlash\":\"ignore\",\"output\":\"static\",\"scopedStyleStrategy\":\"attribute\",\"build\":{\"format\":\"directory\",\"client\":{},\"server\":{},\"assets\":\"_astro\",\"serverEntry\":\"entry.mjs\",\"redirects\":true,\"inlineStylesheets\":\"always\",\"concurrency\":1},\"server\":{\"open\":false,\"host\":false,\"port\":4321,\"allowedHosts\":[]},\"redirects\":{},\"image\":{\"endpoint\":{\"route\":\"/_image\"},\"service\":{\"entrypoint\":\"astro/assets/services/sharp\",\"config\":{}},\"dangerouslyProcessSVG\":false,\"domains\":[],\"remotePatterns\":[],\"responsiveStyles\":false},\"devToolbar\":{\"enabled\":true},\"markdown\":{\"syntaxHighlight\":{\"type\":\"shiki\",\"excludeLangs\":[\"math\"]},\"shikiConfig\":{\"langs\":[],\"langAlias\":{},\"theme\":\"github-dark\",\"themes\":{},\"wrap\":true,\"transformers\":[]},\"remarkPlugins\":[],\"rehypePlugins\":[],\"remarkRehype\":{},\"processor\":{\"name\":\"satteri\",\"options\":{\"mdastPlugins\":[],\"hastPlugins\":[],\"features\":{}}}},\"security\":{\"checkOrigin\":true,\"allowedDomains\":[],\"csp\":false,\"actionBodySizeLimit\":1048576,\"serverIslandBodySizeLimit\":1048576},\"env\":{\"schema\":{},\"validateSecrets\":false},\"prerenderConflictBehavior\":\"warn\",\"fetchFile\":\"fetch\",\"experimental\":{\"clientPrerender\":false,\"contentIntellisense\":false,\"chromeDevtoolsWorkspace\":false},\"legacy\":{\"collectionsBackwardsCompat\":false}}","astro-version","7.0.6","content-config-digest","914a89d1b33ee8fb"] |