alex.racine/content/blog/images.md

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
publication numérique
exemples
images
légendes
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" >}}