My blog. Built with Hugo. Migrated from armno/armno.github.io
.
$ hugo serve -D
$ hugo new post/<post-title>/index.md
parameters:
wrapper-class
: CSS class(or classes) for the wrapper element of the image (<p>
).img-class
: CSS class(or classes) for the<img>
itself.src
alt
{{< picture wrapper-class="semi-full" img-class="nom" src="images/platoo.jpg" alt="test" >}}
output:
<p class="media semi-full">
<img class="nom" src="images/platoo.jpg" alt="test">
</p>
parameters:
wrapper-class
src
alt
{{< picture-lazy wrapper-class="semi-full" src="images/platoo.jpg" alt="test" >}}
output:
<p class="media lazy-wrapper semi-full">
<img class="lazy" data-src="images/platoo.jpg" alt="test">
</p>
Use squoosh app to optimize images