Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/octahedroid/gatsby-remark-twitch
Embed Twitch videos/clips/channels in Gatsby markdown
https://github.com/octahedroid/gatsby-remark-twitch
Last synced: 2 months ago
JSON representation
Embed Twitch videos/clips/channels in Gatsby markdown
- Host: GitHub
- URL: https://github.com/octahedroid/gatsby-remark-twitch
- Owner: octahedroid
- Created: 2018-12-13T06:24:59.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2021-07-21T21:17:04.000Z (over 3 years ago)
- Last Synced: 2023-03-06T11:48:13.721Z (almost 2 years ago)
- Language: JavaScript
- Homepage:
- Size: 3.91 KB
- Stars: 0
- Watchers: 1
- Forks: 3
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# gatsby-remark-twitch
Embed Twitch videos/clips/channels in Gatsby markdown
## Install
```bash
npm install --save @weknow/gatsby-remark-twitch
```
## How to use
```js
// In your gatsby-config.js
plugins: [
{
resolve: "gatsby-transformer-remark",
options: {
plugins: [
{
resolve:"@weknow/gatsby-remark-twitch",
options: {
width: 800,
height: 400
}
}
]
}
}
];
```
## Usage
```markdown
# 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](https://remarktwitch.netlify.com/)
## License
MIT