goulven clech.dev

Mi blog personal, realizado con Astro, TypeScript y Tailwind CSS. En vivo en goulven-clech.dev, alojado por Vercel.

El código fuente se proporciona bajo la licencia 0BSD; se agradece la atribución, pero no es obligatoria. El contenido textual del blog se proporciona bajo la escritura CC BY 4.0, se requiere atribución. Pero para ambos, usted es libre de utilizar, copiar, modificar y/o distribuir para cualquier propósito, comercial o personal.

Algunas entradas pueden citar texto, imágenes o recursos de fuentes externas: se aplican sus licencias originales, e indico los autores si los conozco.

Características notables

En esencia, este proyecto se parece a cualquier blog creado con Astro. Puedes comenzar leyendo mi entrada "Lanzamiento de un blog con Astro". Pero, poco a poco, fui añadiendo algunas características originales que podrían interesarte, aquí te dejo las principales:

• Barra de búsqueda: creada únicamente con Astro y componentes web, filtra las entradas del blog según las entradas del usuario.

• Tabla de contenidos: utilizando Astro y MDX, genere una tabla de contenidos basada en los títulos. Con listas anidadas.

• Bloques Open Library y Google Maps: muestra muy bien los resultados de la API en las entradas del blog.

• Modo oscuro: alterna entre combinaciones de colores claros, oscuros y del sistema. Utilice el almacenamiento local para conservar la elección del usuario.

• Servicio de imágenes personalizado: recuperado del blog de Erika, gana rendimiento y muestra un marcador de posición durante la carga de imágenes.

Estructura del proyecto

 /
├── src/
│   ├── content/ -> Sub repository
│   ├── assets/
│   │   └── base.css
│   ├── components/
│   │   └── Card.astro
│   ├── layouts/
│   │   └── Layout.astro
│   ├── pages/
│   │   └── index.astro
│   ├── env.d.ts
│   └── [...utils].ts
├── public/
│   └── Iosevka-Regular.woff2
├── [... config files]
├── README.md
└── package.json

pages/ contiene cada página de este blog como archivos .astro .

layouts/ y components/ contiene cada componente web como archivos `.astro``.

Comandos

Dominio	Acción
pnpm install	Instala dependencias
pnpm run dev	Inicia el servidor de desarrollo local en localhost:3000
pnpm run build	Construya su sitio de producción en ./dist/
pnpm run preview	Obtenga una vista previa de su compilación localmente, antes de implementarla
pnpm run astro ...	Ejecute comandos CLI como astro add , astro check
pnpm run astro --help	Obtenga ayuda para usar Astro CLI

Todos los comandos deben ejecutarse desde la raíz del proyecto, desde una terminal. En lugar de PNPM, también puedes usar NPM o Yarn.