Portfolio personal construido con Astro + Tailwind CSS. Minimalista, bilingüe (ES/EN), con modo claro/oscuro y blog en Markdown con soporte LaTeX.
El despliegue es automático. Cada vez que hagas git push a main, GitHub Actions construye y publica la web.
- Crea un repo en GitHub (por ejemplo
danieeeld2.github.ioo el nombre que quieras) - Sube el proyecto:
git init git add . git commit -m "Initial commit" git branch -M main git remote add origin https://github.com/danieeeld2/TU-REPO.git git push -u origin main
- Ve a Settings → Pages en tu repo
- En Source, selecciona GitHub Actions
- ¡Listo! Tu web estará en
https://danieeeld2.github.io/(o el nombre de tu repo)
Si el repo no se llama
danieeeld2.github.io, añadebase: '/nombre-repo'enastro.config.mjs.
daniel-site/
├── src/
│ ├── data/
│ │ ├── es.json ← 🇪🇸 Contenido en español (CV, proyectos, textos)
│ │ └── en.json ← 🇬🇧 Contenido en inglés
│ ├── content/
│ │ └── blog/
│ │ ├── es/ ← 📝 Posts en español (.md)
│ │ └── en/ ← 📝 Posts en inglés (.md)
│ ├── components/ ← Componentes (Nav, Hero, CV, etc.)
│ ├── layouts/ ← Layout principal
│ ├── pages/ ← Rutas
│ └── styles/ ← CSS global
├── public/
│ └── images/ ← Imágenes (Alhambra, perfil)
├── astro.config.mjs ← Config de Astro
├── tailwind.config.mjs ← Config de Tailwind
└── .github/workflows/ ← GitHub Actions (deploy automático)
Edita src/data/es.json y/o src/data/en.json. Cada JSON tiene secciones claras:
hero→ Texto del banner principalabout→ Sección "Sobre mí"cv.experience.items→ Experiencia laboral (añade objetos al array)cv.education.items→ Educacióncv.skills.categories→ Habilidadescv.awards.items→ Premiosprojects.items→ Proyectoshobbies.items→ Hobbiescontact→ Datos de contacto
Ejemplo — añadir un nuevo trabajo:
{
"role": "Cloud Engineer",
"company": "Empresa X",
"url": "https://empresax.com",
"period": "Jun 2026 — Presente",
"current": true,
"description": [
"Primera responsabilidad.",
"Segunda responsabilidad."
]
}- Crea un archivo
.mdensrc/content/blog/es/(oen/) - Añade el frontmatter:
---
title: "Título del post"
date: "2026-03-15"
description: "Breve descripción."
tags: ["devops", "docker"]
lang: "es"
---
Tu contenido en Markdown...
Fórmulas inline: $E = mc^2$
Fórmulas en bloque:
$$\int_0^\infty e^{-x^2} dx = \frac{\sqrt{\pi}}{2}$$git add . && git commit -m "New post" && git push→ se publica solo.
Sustituye los archivos en public/images/:
profile.jpg→ Tu foto de perfilalhambra.jpg→ Banner de la Alhambra
npm install
npm run dev # localhost:4321
npm run build # Build de producción
npm run preview # Preview del build