manju-summoner/gatsby-remark-gfm-styled-notes

gatsby-remark-gfm-styled-notes

> **Note**
> you can write GitHub Flavored Markdown styled notes 

> **Warning**
> you can write GitHub Flavored Markdown styled notes 

How to use

plugins: [
  {
    resolve: `gatsby-transformer-remark`,
    options: {
      plugins: [
          require.resolve("./plugins/gatsby-remark-gfm-styled-notes"),
      ],
    },
  },
],

or

plugins: [
  {
    resolve: `gatsby-plugin-mdx`,
    options: {
      gatsbyRemarkPlugins: [
        require.resolve("./plugins/gatsby-remark-gfm-styled-notes"),
      ],
    },
  },
],

After activating this plugin, GFM styled notes will be converted from <blockquote> to <div class="md-note"> or <div class="md-warning">.
CSS is NOT included in this plugin, you need to apply styles for .md-note .md-warning by yourself.