3 min de lectura
Primeros pasos

Diego Blog está pensado para ser ligero y fácil de adaptar. La configuración principal vive en un solo archivo.

Configuración del sitio

Edita src/consts.ts para definir nombre, email y cuántos elementos mostrar en la portada.

export const SITE: Site = {
  NAME: "Diego Blog",
  EMAIL: "tu@email.com",
  NUM_POSTS_ON_HOMEPAGE: 3,
  NUM_WORKS_ON_HOMEPAGE: 2,
  NUM_PROJECTS_ON_HOMEPAGE: 3,
};
CampoObligatorioDescripción
NAMEAparece en cabecera, pie y metadatos SEO/RSS.
EMAILSe muestra en la sección de contacto.
NUM_POSTS_ON_HOMEPAGECantidad de entradas del blog en inicio.
NUM_WORKS_ON_HOMEPAGECantidad de experiencias laborales en inicio.
NUM_PROJECTS_ON_HOMEPAGECantidad de proyectos en inicio.

Metadatos de páginas

Cada sección (inicio, blog, proyectos, contacto) tiene título y descripción para SEO y el feed RSS.

export const HOME: Metadata = {
  TITLE: "Inicio",
  DESCRIPTION: "Diego Blog — blog personal, proyectos y trabajo.",
};
CampoObligatorioDescripción
TITLETítulo de la pestaña del navegador.
DESCRIPTIONResumen usado en SEO y RSS.

Redes sociales

Añade los enlaces que quieras mostrar en contacto e inicio.

export const SOCIALS: Socials = [
  { NAME: "github", HREF: "https://github.com/tu-usuario" },
  { NAME: "linkedin", HREF: "https://linkedin.com/in/tu-perfil" },
];
CampoObligatorioDescripción
NAMEEtiqueta visible del enlace.
HREFURL completa del perfil.

Siguiente paso

Cuando tengas la base lista, publica tu primer artículo en src/content/blog y un caso de estudio en src/content/projects. El post Cómo presentar un proyecto incluye una plantilla con mockups para empezar.