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"*/>}}Anita Austvika
Photo de Anita Austvika sur Unsplash
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" >}}Anita Austvika
Photo de Anita Austvika sur Unsplash
Images à droite
Photo de Anita Austvika sur UnsplashAnita Austvika
{{< 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
