Multimedia

Actualizado el 12 nov 2026

Imágenes internas

Referencia imágenes de tu directorio de documentación:

![Example image](./images/example.jpg)

Se renderiza así:

Imágenes externas

Referencia imágenes desde URL externas:

![Placeholder](https://picsum.photos/seed/livemark/800/300)

Se renderiza así:

Imágenes en Base64

Inserta imágenes pequeñas directamente con data URI:

![banner](data:image/png;base64,iVBORw0KGgo...)

Se renderiza así:

Imágenes según el tema

Muestra imágenes distintas para el modo claro y el oscuro con los sufijos de hash #light y #dark:

![Light theme](https://picsum.photos/seed/sunshine/800/200#light)
![Dark theme](https://picsum.photos/seed/dark/800/200#dark)

Se renderiza así (cambia el tema para ver el cambio):

La imagen #light se oculta en modo oscuro y la imagen #dark se oculta en modo claro. Usa ambas juntas para un cambio de tema sin cortes.

Ampliación de imágenes

Todas las imágenes de los artículos se pueden ampliar: haz clic en cualquier imagen para verla a tamaño completo. Funciona con imágenes internas, externas y en Base64.

Bloques de vídeo

Inserta vídeos con la directiva ::video y un atributo type:

::video{type="youtube" url="https://www.youtube.com/watch?v=dQw4w9WgXcQ"}

Se renderiza así:

La url es cualquier enlace a un vídeo de YouTube: una página youtube.com/watch?v=, un enlace corto youtu.be o una URL /embed/, /shorts/ o /live/.

Bloques de audio

Inserta audio con la directiva ::audio y un atributo type:

::audio{type="soundcloud" url="https://soundcloud.com/flume/never-be-like-you-feat-kai"}

Se renderiza así: