From a328bc3ea0ac7c9304350bb5d9720e12c2b30c55 Mon Sep 17 00:00:00 2001
From: hm <hm.dev7@gmail.com>
Date: Wed, 3 Jul 2019 07:34:06 +0700
Subject: [PATCH] Zoomable image in post content

---
 gatsby-config.js  |  9 ++++++++-
 package-lock.json | 13 +++++++++++++
 package.json      |  1 +
 3 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/gatsby-config.js b/gatsby-config.js
index 53e5a7e..a8d239b 100644
--- a/gatsby-config.js
+++ b/gatsby-config.js
@@ -47,7 +47,14 @@ module.exports = {
           {
             resolve: `gatsby-remark-images`,
             options: {
-              maxWidth: 720
+              maxWidth: 720,
+              linkImagesToOriginal: false
+            }
+          },
+          {
+            resolve: `gatsby-remark-images-medium-zoom`,
+            options: {
+              background: '#2424247d'
             }
           },
           {
diff --git a/package-lock.json b/package-lock.json
index f644c1c..5415be0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7284,6 +7284,14 @@
         }
       }
     },
+    "gatsby-remark-images-medium-zoom": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/gatsby-remark-images-medium-zoom/-/gatsby-remark-images-medium-zoom-1.2.1.tgz",
+      "integrity": "sha512-3H9twtoEWo+hh+y2rcVbyzM3pVSyiGUSMiyqKZNtQhaPaZ2Zvo424UeX3+kKHtN2LEZSzh/JhgCYbR99BXiBrA==",
+      "requires": {
+        "medium-zoom": "^1.0.4"
+      }
+    },
     "gatsby-source-filesystem": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/gatsby-source-filesystem/-/gatsby-source-filesystem-2.1.1.tgz",
@@ -10092,6 +10100,11 @@
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
       "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g="
     },
+    "medium-zoom": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/medium-zoom/-/medium-zoom-1.0.4.tgz",
+      "integrity": "sha512-BjE+00gQku3XQfgHDcqyYwQaBtFddzh6Lnj1RZOliqJ9HS0mh/P2IaqVJ25/j9EbnjAUf27mLeLZBRxnd00bfA=="
+    },
     "mem": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/mem/-/mem-1.1.0.tgz",
diff --git a/package.json b/package.json
index 9edc44a..13b09fb 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
     "gatsby-plugin-sitemap": "^2.2.0",
     "gatsby-remark-copy-linked-files": "^2.1.0",
     "gatsby-remark-images": "^3.1.2",
+    "gatsby-remark-images-medium-zoom": "^1.2.1",
     "gatsby-source-filesystem": "^2.1.1",
     "gatsby-transformer-remark": "^2.5.0",
     "gatsby-transformer-sharp": "^2.2.0",