perf: use cilent side js selector for medium zoom

reuixiy · Feb 25, 2020 · 4eb0408 · 4eb0408
1 parent a995897
commit 4eb0408
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 11 deletions.
diff --git a/layouts/partials/third-party/medium-zoom.html b/layouts/partials/third-party/medium-zoom.html
@@ -1,7 +1,7 @@
 <script src="https://cdn.jsdelivr.net/npm/medium-zoom@latest/dist/medium-zoom.min.js"></script>
 
 <script>
-    mediumZoom('[data-zoomable]', {
+    mediumZoom(document.querySelectorAll('div.post-body img'), {
         background: 'hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0.95)'
     })
-</script>
+</script>
diff --git a/layouts/partials/utils/content.html b/layouts/partials/utils/content.html
@@ -217,15 +217,6 @@
     {{- end -}}
 {{- end -}}
 
-<!-- Medium Zoom -->
-{{- $Content := .Scratch.Get "Content" -}}
-{{- if .Site.Params.enableMediumZoom -}}
-    {{- $regexPatternMediumZoom := `(<img)(.[^>]+)( />|>)` -}}
-    {{- $regexReplacementMediumZoom := `$1$2 data-zoomable$3` -}}
-    {{- $Content := $Content | replaceRE $regexPatternMediumZoom $regexReplacementMediumZoom | safeHTML -}}
-    {{- .Scratch.Set "Content" $Content -}}
-{{- end -}}
-
 <!-- Custom -->
 {{- partial "custom/content.html" . -}}