https://github.com/swizec/remark-code-screenshot

Remark plugin to turn code blocks into carbon.now.sh screenshots.
https://github.com/swizec/remark-code-screenshot

gatsby markdown remark remark-plugin remarkjs

Last synced: 2 months ago
JSON representation

Remark plugin to turn code blocks into carbon.now.sh screenshots.

• Host: GitHub
• URL: https://github.com/swizec/remark-code-screenshot
• Owner: Swizec
• License: mit
• Created: 2019-01-10T06:51:26.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-01-10T07:14:40.000Z (over 6 years ago)
• Last Synced: 2025-04-03T07:42:40.519Z (3 months ago)
• Topics: gatsby, markdown, remark, remark-plugin, remarkjs
• Language: JavaScript
• Size: 181 KB
• Stars: 34
• Watchers: 2
• Forks: 2
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# remark-code-screenshot

Remark plugin to convert code blocks into carbon.now.sh screenshots.

## Basic Usage

````javascript

import remark from 'remark'

import codeScreenshot from 'remark-code-screenshot'

const markdownInput = ["```

    import remark from 'remark'

    import codeScreenshot from 'remark-code-screenshot'

    const markdownInput = \"\"

    remark().use(codeScreenshot)

    .process(markdownInput, function (err, output) {

        console.log(output)

    })

```"]

remark()

    .use(codeScreenshot)

    .process(markdownInput, function (err, output) {

        console.log(output)

    });

````

Outputs something like this:

![](https://github.com/Swizec/remark-code-screenshot/blob/master/screenshot-1547104367079.png?raw=true)