diff --git a/content/post/bannieres.md b/content/post/bannieres.md index 776bb57ba398f472d9fb9a9bd37b44b4cffdf95b..9f0cc14573281d9616b776b62d4863195fe914e7 100644 --- a/content/post/bannieres.md +++ b/content/post/bannieres.md @@ -3,7 +3,7 @@ title: Bannières subtitle: En utilisant une ou plusieurs images date: 2022-03-01 tags: ["exemple", "images"] -bigimg: [{src: "img/triangle.jpg"}, {src: "img/sphere.jpg"}, {src: "img/hexagon.jpg"}] +bigimg: [{src: "/img/triangle.jpg"}, {src: "/img/sphere.jpg"}, {src: "/img/hexagon.jpg"}] --- La bannière en haut de cette page est dénommée « _bigimg_ ». @@ -15,35 +15,35 @@ Si plusieurs images sont déclarées dans une bannière, elles défilent toutes Une seule image est déclarée en tant que bannière de la manière suivante : ``` -bigimg: [{src: "img/triangle.jpg"}] +bigimg: [{src: "/img/triangle.jpg"}] ``` Il est possible d'assortir une description à chaque image : ``` -bigimg: [{src: "img/triangle.jpg", desc: "Triangle"}] +bigimg: [{src: "/img/triangle.jpg", desc: "Triangle"}] ``` Plusieurs images peuvent être déclarées dans l'en tête. Cela se fait de la manière suivante : ``` -bigimg: [{src: "img/triangle.jpg", desc: "Triangle"}, - {src: "img/sphere.jpg", desc: "Sphere"}, - {src: "img/hexagon.jpg", desc: "Hexagon"}] +bigimg: [{src: "/img/triangle.jpg", desc: "Triangle"}, + {src: "/img/sphere.jpg", desc: "Sphere"}, + {src: "/img/hexagon.jpg", desc: "Hexagon"}] ``` Les descriptions étant optionnelles, on peut aussi déclarer les images de cette manière : ``` -bigimg: [{src: "img/triangle.jpg"}, - {src: "img/sphere.jpg"}, - {src: "img/hexagon.jpg"}] +bigimg: [{src: "/img/triangle.jpg"}, + {src: "/img/sphere.jpg"}, + {src: "/img/hexagon.jpg"}] ``` Alternativement, la syntaxe suivante est aussi admise : ``` bigimg: -- {src: "img/triangle.jpg", desc: "Triangle"} -- {src: "img/sphere.jpg", desc: "Sphere"} -- {src: "img/hexagon.jpg", desc: "Hexagon"} +- {src: "/img/triangle.jpg", desc: "Triangle"} +- {src: "/img/sphere.jpg", desc: "Sphere"} +- {src: "/img/hexagon.jpg", desc: "Hexagon"} ``` À titre d'information, la syntaxe spécifique utilisé dans l'en-tête de chaque fichier se nomme [YAML](https://fr.wikipedia.org/wiki/YAML).