Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including gatsby-remark-rehype-images with all npm packages installed. Try it out:

require("gatsby/package.json"); // gatsby is a peer dependency. var gatsbyRemarkRehypeImages = require("gatsby-remark-rehype-images")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

gatsby-remark-rehype-images v0.1.2

Gatsby remark plugin for augmenting images with plugin-sharp and turning them into react components

Gatsby remark rehype images npm version

Parses html style tags in markdown files with an src attribute pointing to a local image, uses plugin-sharp on the image and inserts the result in rehyped attribute.

You can then load it in your React Component and call gatsby-image to get all of the goodies (blur effect etc) or even apply custom styles and create galleries etc!

Check the example website for more details and a live example

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free