Afficher correctement une image, avec un texte alternatif (très important pour les personnes avec des difficultées visuelles!).

Afficher une image au dessus d’un article, en pré-titre.

Et si je veux directement réduire la taille faire un

cwebp -q 60 avatar.jpg -o avatar.webp

(-q = qualité en %)

Sachant que les images et vidéos sont automatiquement converties en webp par Hugo + Gruvbox

Afficher-une-video/
|-- _index.md
|-- aaron-thomas.jpg
---
![Alt text](image-url.jpg "Caption with **markdown support**")
---

The main library in Vancouver is architecturally significant. The angles and levels contour together to produce a trippy scene. It’s pretty from the outside but stunning from the inside.
J’ajoute mon texte ici. By Aaron Thomas

Blog Post Cover Images

Use the front matter of your posts to add cover images:

---
cover:
  src: alexandre-van-thuan.jpg
  alt:
    The interior of Stadsbiblioteket in Stockholm - Gunnar Asplunds library from
    1928. The architecture is a transition between neoclassicism and
    functionalism.
  caption: By [Alexandre Van Thuan](https://unsplash.com/photos/mr9FouttLGY)
---

Captions

Add captions to your inline images like this:

---
![Alt text](image-url.jpg "Caption with **markdown support**")
---

The main library in Vancouver is architecturally significant. The angles and levels contour together to produce a trippy scene. It’s pretty from the outside but stunning from the inside.
The main library in Vancouver is architecturally significant. The angles and levels contour together to produce a trippy scene. It’s pretty from the outside but stunning from the inside. By Aaron Thomas

Svg directement dans la page

The Van de Graaf Canon