Gatsby-remark-cloudinary-images NPM

gatsby-remark-cloudinary-images

Responsive cloudinary images in markdown.

This plugin process cloudinary images in markdown using gatsby-transformer-cloudinary's API and generate responsive images like gatsby-remark-images. With this plugin you do not need to download your images when building.

NOTE: the images need to be already on cloudinary and referenced in markdown like [img](https://res.cloudinary.com/...)

Install

yarn add gatsby-remark-cloudinary-images

#min version required: @3.0.0
yarn upgrade gatsby-transformer-cloudinary

Configure

In gatsby-config.js :

module.exports = {
  plugins: [
    // ...
    {
      resolve: `gatsby-transformer-remark`,
      options: {
        plugins: [
        // ...
          {
            resolve:`gatsby-remark-cloudinary-images`,
            options: {
              cloudName: process.env.CLOUDINARY_CLOUD_NAME,
              // options
            },
          },
          {
            resolve:`gatsby-remark-images/`,
            options: {
              // ...
            },
          },
        ]
      },
    },
  ],
}