3.5 KiB
title | date | lastmod | draft | categories | tags | postimage | postimagedescription | postimage_width | postimage_height | imageLicence | imageAuthor | imageUrl | imageService | imageServiceUrl | description | slug | ||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Exemples images | 2023-07-14T09:16:33+02:00 | 2023-07-30T09:16:33+02:00 | true |
|
|
posts/example_images/ben-sweet-2LowviVHZ-E-unsplash-800.jpg | silhouette d'un homme de profil sur fond noir et bleu. | 800 | 450 | Ben Sweet | https://unsplash.com/photos/2LowviVHZ-E | Unsplash | https://unsplash.com/ | Ce poste est un brouillon pour documenter les différentes manières d'utiliser la légende lors de l'insertion d'une image avec Hugo. | exemples-images |
Ce poste est un brouillon pour documenter les différentes manières d'utiliser la légende lors de l'insertion d'une image. À la fois pour insérer une simple légende ou pour indiquer une licence si applicable. Le processus est géré grâce au shortcode figure
par défaut de Hugo ainsi qu'au shortcode personnalisé img
défini dans le dossier shortcodes
du thème.
Image personnelle
Sans mention spécifique de licence mais avec ajout d'une légende. La licence est dérivée de celle du site web. On utilise le shortcode figure
par défaut de Hugo (Attention bien penser à retirer les deux ``
supplémentaires avant le <
et après le >
dans le code ci-dessous lors de sa réutilisation).
{{`< figure src="/images/posts/example_images/test.jpg" title="Image de randonnée dans les Grisons" >`}}
{{< figure src="/images/posts/example_images/test.jpg" title="Image de randonnée dans les Grisons" >}}
Image réutilisée avec mention de licence
Avec mention d'une licence CC-BY
ou ©
ou toute autre licence du même type. On utilise le shortcode personnalisé img
(Attention bien penser à retirer les deux ``
supplémentaires avant le <
et après le >
dans le code ci-dessous lors de sa réutilisation).
{{`< img src="/images/posts/example_images/brioche.jpg" licence="CC-BY" author="Igor Milhit" url="https://igor.milhit.ch/brioche/" >`}}
{{< img src="/images/posts/example_images/brioche.jpg" licence="CC-BY" author="Igor Milhit" url="https://igor.milhit.ch/brioche/" >}}
Image réutilisée avec simple attribution
Sans mention explicite de licence mais avec tout de même une attribution parce que c'est la moindre des choses. Cela peut être notamment le cas en utilisant des images de Unsplash avec la licence Unsplash.
On utilise à nouveau le shortcode personnalisé img
avec une petite variante (Attention bien penser à retirer les deux ``
supplémentaires avant le <
et après le >
dans le code ci-dessous lors de sa réutilisation).
{{`< img src="/images/posts/example_images/ben-sweet-2LowviVHZ-E-unsplash.jpg" author="Ben Sweet" url="https://unsplash.com/photos/2LowviVHZ-E" service="Unsplash" service_url="https://unsplash.com" >`}}
{{< img src="/images/posts/example_images/ben-sweet-2LowviVHZ-E-unsplash.jpg" author="Ben Sweet" url="https://unsplash.com/photos/2LowviVHZ-E" service="Unsplash" service_url="https://unsplash.com" >}}