@weknow/gatsby-remark-codepen
v0.1.0
Embed Codepen pen in Gatsby markdown
0/weekUpdated 3 years agoMITUnpacked: 2.6 KB
Published by Jairo Rondon
npm install @weknow/gatsby-remark-codepengatsby-remark-codepen
Embed Codepen in Gatsby markdown
Install
``bash`
npm install --save @weknow/gatsby-remark-codepen
How to use
`js`
// In your gatsby-config.js
plugins: [
{
resolve: "gatsby-transformer-remark",
options: {
plugins: [
{
resolve:"@weknow/gatsby-remark-codepen",
options: {
theme: "dark",
height: 400
}
}
]
}
}
];
Usage
`markdownBlog post title
This is an example of embedding a pen.
Add any markdown as you normally do, and then insert a valid
Codepen link anywhere to automatically transform it into an embed.
#### Check this pen
https://codepen.io/digitalhydra/pen/jPqWwP
``
> __NOTE:__ Make sure to copy the link instead of embed code.
How this looks
License
MIT