Hugo Dark Theme Site Generator https://after-dark.habd.as
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

figure.md 1.1KB

+++ title = “Figure” description = “Load images progressively with blurry placeholders.” categories = [“experience”] tags = [“performance”, “images”, “graphics”] html_attributes = [“class”, “alt”, “src”] custom_attributes = [“lqipsrc”, “caption”, “link”, “linktarget”, “attr”, “attrlink”, “title”] snippets_used = [“code highlighter”] notes = [ “review ‘lazy-loading’ if this page is modified” ] copyright owner = “Josh Habdas” date = “2019” license = “agpl-3.0-or-later” +++

With progressive image placeholder:

{{</* figure
  src="/images/watercolor_pTIyYTqAlF8_w1440h700.jpeg"
  alt="Artistic map"
  lqipsrc="/images/watercolor_pTIyYTqAlF8_w936h455.jpeg"
  title="Map of Bali in Watercolor"
  attr="Stamen Design"
  attrlink="https://maps.stamen.com/"
*/>}}

{{< figure src=“/images/watercolor_pTIyYTqAlF8_w1440h700.jpeg” alt=“Artistic map” lqipsrc=“/images/watercolor_pTIyYTqAlF8_w936h455.jpeg” title=“Map of Bali in Watercolor” attr=“Stamen Design” attrlink=“https://maps.stamen.com/

}}

See {{< external href=“https://gohugo.io/content-management/shortcodes/#figure” text=“Figures in Hugo” />}} for additional usage.