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

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 :