https://github.com/jammeryhq/gridsome-plugin-remark-embed

Gridsome remark plugin to embed external stuff into your gridsome site.
https://github.com/jammeryhq/gridsome-plugin-remark-embed

codepen codesandbox embed facebook giphy gist github gridsome gridsome-plugin jsfiddle plugin soundcloud spotify templates twitter vimeo youtube

Last synced: about 1 month ago
JSON representation

Gridsome remark plugin to embed external stuff into your gridsome site.

• Host: GitHub
• URL: https://github.com/jammeryhq/gridsome-plugin-remark-embed
• Owner: jammeryhq
• License: mit
• Fork: true (noxify/gridsome-plugin-remark-embed)
• Created: 2020-07-14T13:37:44.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-09-08T20:52:07.000Z (about 4 years ago)
• Last Synced: 2024-09-22T18:31:10.227Z (about 2 months ago)
• Topics: codepen, codesandbox, embed, facebook, giphy, gist, github, gridsome, gridsome-plugin, jsfiddle, plugin, soundcloud, spotify, templates, twitter, vimeo, youtube
• Language: JavaScript
• Homepage: https://jammeryhq.com/plugins/embed
• Size: 132 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        




  

  





Fast-track your JAMstack development & learning







# About this plugin

Gridsome remark plugin to embed external stuff into your gridsome site.

# Installation

```bash

npm install @jammeryhq/gridsome-plugin-remark-embed

# or

yarn add @jammeryhq/gridsome-plugin-remark-embed

```

## Key features

* Support for

  * Codepen

  * Code Sandbox

  * Facebook Post

  * Facebook Video

  * Giphy

  * Github Gist

  * JSFiddle

  * Soundcloud

  * Spotify

  * Twitter

  * Vimeo

  * Youtube

* Custom templates

* Configuable

# How to use

```js

//gridsome.config.js

module.exports = {

  plugins: [

    {

      use: '@gridsome/source-filesystem',

      options: {

        path: 'blog/**/*.md',

        route: '/blog/:year/:month/:day/:slug',

        remark: {

          plugins: [

            [ '@jammeryhq/gridsome-plugin-remark-embed', {

                'enabledProviders' : ['Youtube', 'Twitter', 'Gist'],

            }]

          ]

        }

      }

    }

  ]

}

```

# Documentation

You can find the complete documentation here: https://webstone.info/documentation/gridsome-plugin-remark-embed