diff --git a/exampleSite/content/samples/markdown/index.md b/exampleSite/content/samples/markdown/index.md index 601fae2a..d9f91110 100755 --- a/exampleSite/content/samples/markdown/index.md +++ b/exampleSite/content/samples/markdown/index.md @@ -9,6 +9,10 @@ This article offers a sample of basic Markdown formatting that can be used in Co +## Image + +![sample image](thumb-surendran-mp-IhWYiwSxm8g-unsplash.jpg) + ## Headings The following HTML `

`—`

` elements represent six levels of section headings. `

` is the highest section level while `

` is the lowest. diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html index e2009a06..699b3f25 100644 --- a/layouts/_default/_markup/render-image.html +++ b/layouts/_default/_markup/render-image.html @@ -23,27 +23,49 @@ {{ end }} {{ with $resource }}
- + {{ if ne .MediaType.SubType "svg" }} + + {{ end }} + {{ $altText }} + alt="{{ $altText }}" + {{ if $lazyLoad }} + loading="lazy" + {{ end }} + /> + {{ with $caption }}
{{ . | markdownify }}
{{ end }}
{{ else }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 70e8fe88..340e95a1 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -20,6 +20,8 @@ {{ if eq .MediaType.SubType "svg" }} src="{{ .RelPermalink }}" {{ else }} + width="{{ .Width }}" + height="{{ .Height }}" {{ if lt .Width 660 }} src="{{ .RelPermalink }}" {{ else }} diff --git a/layouts/partials/article-link.html b/layouts/partials/article-link.html index 689bdf71..17236ede 100644 --- a/layouts/partials/article-link.html +++ b/layouts/partials/article-link.html @@ -22,6 +22,8 @@ {{- (.Fill "160x120 smart").RelPermalink }} 160w, {{- (.Fill "320x240 smart").RelPermalink }} 2x" src="{{ (.Fill "160x120 smart").RelPermalink }}" + width="160" + height="120" {{ end }} {{ if $.Site.Params.enableImageLazyLoading | default true }} loading="lazy" diff --git a/layouts/shortcodes/figure.html b/layouts/shortcodes/figure.html index b6d14289..7028c6c1 100644 --- a/layouts/shortcodes/figure.html +++ b/layouts/shortcodes/figure.html @@ -27,6 +27,8 @@ {{ if eq .MediaType.SubType "svg" }} src="{{ .RelPermalink }}" {{ else }} + width="{{ .Width }}" + height="{{ .Height }}" {{ if lt .Width 660 }} src="{{ .RelPermalink }}" {{ else }}