Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

gatsby-remark-twitch

Embed Twitch videos/clips/channels in Gatsby markdown

Install

npm install --save @weknow/gatsby-remark-twitch

How to use

// In your gatsby-config.js
plugins: [
  {
    resolve: "gatsby-transformer-remark",
    options: {
      plugins: [
        {
          resolve:"@weknow/gatsby-remark-twitch",
          options: {
            width: 800,
            height: 400
          }
        }
      ]
    }
  }
];

Usage

# Blog post title

This is an example of embedding twitch media.
Add any markdown as you normally do, and then insert a valid
twitch link anywhere to automatically transform it into an embed

#### Twitch video

https://www.twitch.tv/videos/347319713

#### Twitch clip

https://www.twitch.tv/xisuma/clip/MagnificentOilyUdonTTours

#### Twitch channel

https://www.twitch.tv/xisuma

NOTE: Make sure to copy the link instead of embed code.

How this looks like

View a live demo here

License

MIT

© 2023 Gatsby, Inc.