feat: article image now supports svg format

tomowang · Apr 29, 2024 · 25c009b · 25c009b
1 parent 7a682e9
commit 25c009b
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 0 deletions.
diff --git a/exampleSite/content/post/image-process/images/hugo-logo-wide.svg b/exampleSite/content/post/image-process/images/hugo-logo-wide.svg
diff --git a/exampleSite/content/post/image-process/index.md b/exampleSite/content/post/image-process/index.md
@@ -5,6 +5,7 @@ date = "2023-12-01"
 description = "Demo of Hugo's image processing"
 tags = []
 toc = false
+image = "images/hugo-logo-wide.svg"
 +++
 
 ![Photo by Behnam Norouzi on Unsplash](./images/behnam-norouzi-_1ok63FFlM4-unsplash.jpg "Photo by Behnam Norouzi on Unsplash")

diff --git a/exampleSite/content/post/image-process/index.zh-cn.md b/exampleSite/content/post/image-process/index.zh-cn.md
@@ -5,6 +5,7 @@ date = "2023-12-01"
 description = "关于Hugo中图片处理的示例"
 tags = []
 toc = false
+image = "images/hugo-logo-wide.svg"
 +++
 
 ![Photo by Behnam Norouzi on Unsplash](./images/behnam-norouzi-_1ok63FFlM4-unsplash.jpg "Photo by Behnam Norouzi on Unsplash")

diff --git a/layouts/partials/block/image.html b/layouts/partials/block/image.html
@@ -8,6 +8,14 @@
   {{- $dest = path.Join (path.Dir $dest) (path.Base $dest) -}}
 
   {{- with .Resources.Get $dest -}}
+  {{- if eq .MediaType.SubType "svg" -}}
+  <figure>
+    <img class="w-full object-cover h-36 md:h-48 xl:h-60" src="{{ .RelPermalink }}"
+      alt="{{ $alt }}" title="{{ $alt }}"
+      loading="lazy"
+    >
+  </figure>
+  {{- else -}}
   {{- $src := . -}}
   {{- $dataSzes := "(min-width: 1024px) 100vw, 50vw" -}}
   {{- $actualImg := $src.Resize (print "640x jpg " $filter) -}}
@@ -30,6 +38,7 @@
     {{- end -}}" sizes="{{ $dataSzes }}" />
     <img class="w-full object-cover h-36 md:h-48 xl:h-60" src="{{ $actualImg.RelPermalink }}" width="{{ $src.Width }}" height="{{ $src.Height }}" alt="{{ $alt }}" title="{{ $alt }}" loading="lazy" />
   </picture>
+  {{- end -}}
   <!-- or otherwise simply load the URL -->
   {{- else -}}
   <figure>