build: embed images in md

prvnbist · Jan 12, 2020 · 3d574e4 · 3d574e4
1 parent a4a0d47
commit 3d574e4
Show file tree

Hide file tree

Showing 3 changed files with 1,906 additions and 50 deletions.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -15,10 +15,26 @@ module.exports = {
             path: `${__dirname}/src/posts`
          }
       },
+      {
+         resolve: 'gatsby-source-filesystem',
+         options: {
+            name: 'images',
+            path: `${__dirname}/src/images`
+         }
+      },
+      `gatsby-plugin-sharp`,
       {
          resolve: `gatsby-plugin-mdx`,
          options: {
-            extensions: [`.mdx`, `.md`]
+            extensions: [`.mdx`, `.md`],
+            gatsbyRemarkPlugins: [
+               {
+                  resolve: `gatsby-remark-images`,
+                  options: {
+                     maxWidth: 980
+                  }
+               }
+            ]
          }
       },
       {

diff --git a/package.json b/package.json
@@ -20,7 +20,9 @@
     "gatsby-plugin-google-analytics": "^2.1.32",
     "gatsby-plugin-mdx": "^1.0.67",
     "gatsby-plugin-react-helmet": "^3.1.21",
+    "gatsby-plugin-sharp": "^2.3.13",
     "gatsby-plugin-styled-components": "^3.1.17",
+    "gatsby-remark-images": "^3.1.42",
     "gatsby-source-filesystem": "^2.1.46",
     "prism-react-renderer": "^1.0.2",
     "react": "^16.12.0",