The Hoof & Paw
DocsCategoriesTagsView the current conditions from the WolfspyreLabs WeatherstationToggle Dark/Light/Auto modeToggle Dark/Light/Auto modeToggle Dark/Light/Auto modeBack to homepage

Images

If you need more flexibility for your embedded images, you could use the img shortcode. It is using Hugo’s page resources and supports lazy loading of your images.

Attributes:

NameUsagedefault
name (string)Name of the image resource defined in your front matter.empty
alt (string)Description for displayed image.resource .Title
size (string)Thumbnail size (profile|tiny|small|medium|large).empty
lazy (bool)Enable or disable image lazy loading. Can be controlled globally by site parameter geekdocImageLazyLoading.true

Sizes:

SizeResized_to
profile180x180 Centered
tiny320x
small600x
medium1200x
large1800x

Example:

Define your resources in the page front matter, custom parameter params.credits is optional.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
---
resources:
  - name: Evey01
    src: "Evey01.webp"
    title: Evey!
    params:
      credits: "[Evey Noblewise](/authors/Evey-Noblewise)"
---

{{< img name="evey01" size="large" lazy=false >}}

Demo:

Yes Please!
Yes Please! (Evey Noblewise)

Dolor sit, sumo unique argument um no. Gracie nominal id xiv. Romanesque acclimates investiture. Ornateness bland it ex enc, est yeti am bongo detract re. Pro ad prompts feud gait, quid exercise emeritus bis e. In pro quints consequent, denim fastidious copious quo ad. Stet probates in duo.

Yes Please!
Yes Please! (Evey Noblewise)

Dolor sit, sumo unique argument um no. Gracie nominal id xiv. Romanesque acclimates investiture. Ornateness bland it ex enc, est yeti am bongo detract re. Pro ad prompts feud gait, quid exercise emeritus bis e. In pro quints consequent, denim fastidious copious quo ad. Stet probates in duo.