Skip to main content
Community Plugin
View plugin on GitHub
See starters using this

gatsby-plugin-mdx-prismjs

a fork of https://github.com/nhducit/gatsby-plugin-mdx and @reach/router’s docs. adds prismjs to your mdx.

Installation

yarn add gatsby-plugin-mdx-prismjs

then

yarn add @mdx-js/mdx @mdx-js/loader loader-utils --dev

In your gatsby-config.js

  plugins: ['gatsby-plugin-mdx-prismjs'],

Usage

Check mdx document for syntax and examples: https://github.com/mdx-js/mdx#mdx-syntax

Example

Check examples folder for working examples

Basic: