Add medium-zoom for zooming images

prinsss · Oct 14, 2019 · 3462d5e · 3462d5e
1 parent 276956c
commit 3462d5e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/_config.yml b/_config.yml
@@ -107,3 +107,4 @@ vendors:
   dayjs: //cdn.jsdelivr.net/npm/dayjs@1.8.16/dayjs.min.js
   disqusjs: //cdn.jsdelivr.net/npm/disqusjs@1.2.5/dist/disqus.js
   disqusjs_style: //cdn.jsdelivr.net/npm/disqusjs@1.2.5/dist/disqusjs.css
+  medium_zoom: //cdn.jsdelivr.net/npm/medium-zoom@1.0.4/dist/medium-zoom.min.js
diff --git a/layout/_partials/scripts.swig b/layout/_partials/scripts.swig
@@ -1,6 +1,8 @@
 <script type="text/javascript" src="{{ theme.vendors.hancss_script }}"></script>
 <script type="text/javascript" src="{{ theme.vendors.highlightjs }}"></script>
+<script type="text/javascript" src="{{ theme.vendors.medium_zoom }}"></script>
 <script>hljs.initHighlightingOnLoad();</script>
+<script>mediumZoom(document.querySelectorAll('.post-content :not(a) > img, .post-content > img'), { margin: 24 });</script>
 
 {% if theme.google_analytics %}
 <script>