/gatsby-remark-twitch

Embed Twitch videos/clips/channels in Gatsby markdown

Primary LanguageJavaScript

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,
            // Required!
            domain: 'example.com' // Also accepts "https://example.com/route
          }
        }
      ]
    }
  }
];

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://clips.twitch.tv/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