armno.in.th

My blog. Built with Hugo. Migrated from armno/armno.github.io.

Development

$ hugo serve -D

Create a new post

$ hugo new post/<post-title>/index.md

picture shortcode

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>

picture-lazy shortcode for lazy-loaded pictures

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>

Optimize Images

Use squoosh app to optimize images