Add default image size for lazy loaded images

GDQuest · Oct 23, 2020 · bcd81e6 · bcd81e6
1 parent da8dd5f
commit bcd81e6
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 1 deletion.
diff --git a/config.toml b/config.toml
@@ -100,6 +100,14 @@ privacyEnhanced = true
 dir = ":cacheDir/modules"
 maxAge = -1
 
+[module]
+[[module.mounts]]
+source = "assets/scss"
+target = "assets/scss"
+[[module.mounts]]
+source = "static/img"
+target = "assets/img"
+
 [markup]
 defaultMarkdownHandler = "goldmark"
 

diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html
@@ -1 +1,15 @@
-<img loading="lazy" src="{{ .Destination | safeURL }}" alt="{{ .Text }}" {{ with .Title}} title="{{ . }}"{{ end }} />
+{{ $image := .Page.Resources.GetMatch .Destination }}
+{{ if not $image }}
+    {{ $image = resources.Get .Destination }}
+{{ end }}
+{{ with $image }}
+{{ warnf "%q" .Permalink }}
+<img
+    src="{{ .Permalink }}"
+    alt="{{ .Title }}"
+    loading="lazy"
+    width="{{ .Width }}"
+    height="{{ .Height }}"
+    {{ with .Title}}title="{{ . }}"{{ end }}
+/>
+{{ end }}