#34 Add gatsby-remark-images (and gatsby-remark-relative-images to al…

…low Netlify CMS)
jcmnunes · Aug 15, 2018 · aec6fb8 · aec6fb8
1 parent 03e5c28
commit aec6fb8
Show file tree

Hide file tree

Showing 5 changed files with 4,812 additions and 299 deletions.
diff --git a/.gitignore b/.gitignore
@@ -6,3 +6,5 @@ node_modules
 public/
 .DS_Store
 yarn-error.log
+.idea
+
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -12,6 +12,19 @@ module.exports = {
       options: {
         plugins: [
           'gatsby-remark-prismjs',
+          {
+            resolve: 'gatsby-remark-relative-images',
+          },
+          {
+            resolve: 'gatsby-remark-images',
+            options: {
+              // It's important to specify the maxWidth (in pixels) of
+              // the content container as this plugin uses this as the
+              // base for generating different widths of each image.
+              maxWidth: 590,
+              wrapperStyle: 'margin: 15px -30px !important',
+            },
+          },
         ],
       },
     },

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -12,7 +12,9 @@
     "gatsby-plugin-react-helmet": "^1.0.8",
     "gatsby-plugin-react-next": "^1.0.5",
     "gatsby-plugin-sharp": "^1.6.48",
+    "gatsby-remark-images": "^1.5.67",
     "gatsby-remark-prismjs": "^2.0.5",
+    "gatsby-remark-relative-images": "^0.1.2",
     "gatsby-source-filesystem": "^1.5.36",
     "gatsby-transformer-remark": "^1.7.42",
     "gatsby-transformer-sharp": "^1.6.24",