Render svg images from markdown (#43)

* Feature: allow svgs from markdown to be rendered * Feature: add example for render image type svg
tomowang · May 25, 2024 · e049463 · e049463
1 parent 8e78440
commit e049463
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/exampleSite/content/post/image-process/index.md b/exampleSite/content/post/image-process/index.md
@@ -12,6 +12,8 @@ image = "images/hugo-logo-wide.svg"
 
 ![placeholder](https://placeholder.co/1024x768/png "Test for external image")
 
+![svg](./images/hugo-logo-wide.svg "Test for svg")
+
 <p align="center" width="100%">
     <img src="./images/logo.png">
 </p>
diff --git a/exampleSite/content/post/image-process/index.zh-cn.md b/exampleSite/content/post/image-process/index.zh-cn.md
@@ -11,3 +11,9 @@ image = "images/hugo-logo-wide.svg"
 ![Photo by Behnam Norouzi on Unsplash](./images/behnam-norouzi-_1ok63FFlM4-unsplash.jpg "Photo by Behnam Norouzi on Unsplash")
 
 ![placeholder](https://placeholder.co/1024x768/png "Test for external image")
+
+![svg](./images/hugo-logo-wide.svg "Test for svg")
+
+<p align="center" width="100%">
+    <img src="./images/logo.png">
+</p>
diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html
@@ -12,7 +12,7 @@
 
 <div class="not-prose">
 <!-- check if it exists as a page resource -->
-{{- with .Page.Resources.Get $dest -}}
+{{- with and (ne (.Page.Resources.Get $dest).MediaType.SubType "svg") (.Page.Resources.Get $dest) -}}
 {{- $src := . -}}
 {{- $dataSzes := "(min-width: 1024px) 100vw, 50vw" -}}
 {{- $actualImg := $src.Resize (print "640x jpg " $filter) -}}