Cet article explique comment intégrer du contenu distant dans les pages de votre site Hugo. Les types de contenu abordés sont les vidéos YouTube et Vimeo, les posts X (ex-Twitter) et les Gists GitHub.

Vidéos YouTube

Pour intégrer une vidéo YouTube, il est possible d’utiliser le shortcode youtube en fournissant l’identifiant de la vidéo. Par exemple pour la vidéo https://www.youtube.com/watch?v=Cy_OKaunvY8, l’identifiant est Cy_OKaunvY8.

Code :

{{< youtube Cy_OKaunvY8 >}}

Résultat :


Vidéo Vimeo

Pour intégrer une vidéo Vimeo, il est possible d’utiliser le shortcode vimeo_simple en fournissant l’identifiant de la vidéo. Par exemple pour la vidéo https://vimeo.com/48912912, l’identifiant est 48912912.

{{< vimeo_simple 48912912 >}}

Résultat :

Sing Jan Swing - Kinetic Type

Post X (ex-Twiter)

Pour intégrer un post X, il est possible d’utiliser le shortcode tweet en fournissant le nom d’utilisateur et l’identifiant du post. Par exemple pour le post https://x.com/SanDiegoZoo/status/1453110110599868418, le nom d’utilisateur est SanDiegoZoo et l’identifiant est 1453110110599868418.

{{< tweet user="SanDiegoZoo" id="1453110110599868418" >}}

Résultat :


GitHub Gist

Pour intégrer un Gist, il est possible d’utiliser le shortcode gist en fournissant le nom d’utilisateur et l’identifiant du Gist. Par exemple pour le Gist https://gist.github.com/jonlabelle/e8ba94cd29b8f63fd7dd3c4f95c1d210, le nom d’utilisateur est jonlabelle et l’identifiant est e8ba94cd29b8f63fd7dd3c4f95c1d210.

Code :

{{< gist user="jonlabelle" id="e8ba94cd29b8f63fd7dd3c4f95c1d210" >}}

Résultat :