Now 100x Faster

Read the latest from Gatsby CTO Kyle Mathews Re-introducing Gatsby, a Reactive Site Generator

ContactSign Up for Free
Community Plugin
View plugin on GitHub

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:

© 2022 Gatsby, Inc.