Un article avec des images et une vidéo

— lecture 2 minute(s)

Un post pour démontrer à quoi ressemble un post de blog sur Hylia. Le contenu se règle dans le champ “Body” sous forme de markdown et Eleventy le transforme en un post HTML propre. Vous pouvez aussi éditer directement le fichier markdown si vous préférez ne pas utliser le CMS.

Si vous voulez une image en "bleed-out", ajoutez-lui un attribut title et le front-end l'emballera automatiquement pour vous dans une balise <figure>.

Le sommet d'un buidling gris avec un ciel bleu en arrière-plan
Brutalism at its finest. Photo Artificial Photographie sur Unsplash.

Vous pouvez aussi ajouter à vos articles des vidéos provenant de YouTube ou Vimeo (ou ce que vous voudrez, vraiment) et le front-ent produira pour vous ces bleed-out.

Pour finir, que penser d'un bloc de citation <blockquote>?

Les citations prennent un style légèrement différent du texte de body normal.

Person holds up a photograph of a riverside and buildings with the same river as a backdrop
Souvenez-vous que si vous voulez un marquage avec figure et caption, ajoutez un attribut 'title' à l'image dans le champ body — Photo de Kharytonova Antonina sur Unsplash.

Espérant que ceci ait pu démontrer la simplicité de produire un joli blog avec Hylia.