Imágenes en los blogs: así se ven
Este post existe para mostrar cómo se ven las imágenes dentro de los blogs. Basta con usar la sintaxis estándar de Markdown y guardar el archivo en la carpeta de imágenes del sitio.
Imagen a ancho completo
Para insertar una imagen se escribe  en cualquier parte del texto. Esta primera es una ilustración de una red de nodos sobre un bosque nocturno: naturaleza y tecnología en la misma imagen.
Red de nodos sobre bosque nocturno — ilustración de ejemplo.
Imagen dentro del texto
Las imágenes también conviven con el resto del contenido: párrafos, listas y código. Este es un diagrama sencillo de una semilla conectada a líneas de datos.
Semilla y circuito: el mismo mensaje del blog, ahora en imagen.
El texto sigue fluyendo normalmente después de la imagen, con la misma tipografía y medidas del resto del artículo.
Buenas prácticas
- Texto alternativo siempre: describe la imagen para quien no puede verla (y para SEO).
- Pesa poco: exporta en PNG o WebP comprimido; las páginas ligeras también son un gesto ecológico.
- Pie de imagen: una línea en cursiva justo debajo ayuda a dar contexto.
Las imágenes viven en site/public/images/ y se referencian con la ruta /images/nombre.png desde cualquier post.