Skip to main content

MDX Plugins

Gatsby remark plugins

gatsby-plugin-mdx is compatible with all of the gatsby-remark plugins, including gatsby-remark-images.

To enable gatsby-remark-images, you first need to install the relevant image plugins:

If you don’t have gatsby-source-filesystem installed, also install that.

Then configure the plugins. gatsby-source-filesystem needs to be pointed at wherever you have your images on disk, gatsby-remark-images needs to be a sub-plugin of gatsby-plugin-mdx, and gatsby-plugin-sharp can be included on its own.

Then, any image in your MDX file will be automatically handled by Gatsby image processing.

Remark plugins

You can use remark plugins directly if there are transformations you’d like to make on your MDX documents. This can do anything from adding emoji support to enforcing a particular title capitalization format.

Edit this page on GitHub