Hugo et les images
Cet article fait partie de la série: Hugo
Table des matières
Minimal
{{< figure src="image.webp" width=200px >}}
Grande taille
{{/*< figure src="image.webp" title="Anita Austvika" caption="Photo de [Anita Austvika](https://unsplash.com/ko/@anitaaustvika) sur [Unsplash](https://unsplash.com/)" width=800px alt="Anita Austvika" class="imagecenter" attrlink="https://unsplash.com/fr/photos/u9ZFCP8VuvU"*/>}}
Images centrée
{{< figure src="image.webp" title="Anita Austvika" caption="Photo de [Anita Austvika](https://unsplash.com/ko/@anitaaustvika) sur [Unsplash](https://unsplash.com/)" width=400px alt="Anita Austvika" class="imagecenter" >}}
Images à droite
"
{{< figure src="image.webp" title="Anita Austvika" caption="Photo de [Anita Austvika](https://unsplash.com/ko/@anitaaustvika) sur [Unsplash](https://unsplash.com/)" width=400px alt="Anita Austvika" class="imageright" >}}
Le CSS
.imagecenter {
display: grid;
align-items: center;
justify-content: center;
text-align: center;
}
.imageright {
display: grid;
align-items: right;
justify-content: right;
text-align: center;
}
.imageleft {
display: grid;
align-items: left;
justify-content: left;
text-align: center;
}
lien
https://gohugo.io/content-management/shortcodes/#use-hugos-built-in-shortcodes