Update math-blocks.mdx with Gastby implementation. (#1241)

* Update math-blocks.mdx with Gastby implementation. * Update docs/guides/math-blocks.mdx Co-authored-by: Christian Murphy <christian.murphy.42@gmail.com> * Fix indentation. Co-authored-by: Christian Murphy <christian.murphy.42@gmail.com>
mdx-js · Nov 7, 2020 · f2074a7 · f2074a7
1 parent 8c9df6e
commit f2074a7
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/docs/guides/math-blocks.mdx b/docs/guides/math-blocks.mdx
@@ -86,3 +86,22 @@ module.exports = withMDX({
   pageExtensions: ['js', 'jsx', 'md', 'mdx']
 })
 ```
+
+If you're using MDX with Gatsby.js, you can use `gatsby-plugin-mdx` with the following configuration:
+
+```js
+// gatsby-config.js
+const plugins = [
+  {
+    resolve: 'gatsby-plugin-mdx',
+    options: {
+      gatsbyRemarkPlugins: [
+        {
+          resolve: 'gatsby-remark-katex',
+        }
+      ],
+      extensions: [".mdx", ".md"]
+    }
+  },
+];
+```