https://github.com/tizee/gatsby-remark-b23

Transform bilibili video link to bilibili player in gatsby-transformer-remark
https://github.com/tizee/gatsby-remark-b23

Last synced: over 1 year ago
JSON representation

Transform bilibili video link to bilibili player in gatsby-transformer-remark

• Host: GitHub
• URL: https://github.com/tizee/gatsby-remark-b23
• Owner: tizee
• Created: 2020-07-31T10:51:19.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2020-11-25T06:47:49.000Z (over 5 years ago)
• Last Synced: 2023-03-04T11:53:33.049Z (over 3 years ago)
• Language: TypeScript
• Size: 22.5 KB
• Stars: 0
• Watchers: 2
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


gatsby-remark-bilibili

Transform bilibili video link to embed bilibili video playar







### Why?

Inspired by [gatsby-remark-ombed](https://github.com/raae/gatsby-remark-oembed) and [gatsby-remark-embedder](https://github.com/MichaelDeBoey/gatsby-remark-embedder), I would like to embed bilibili player in markdown using markdown by combining features from these two plugins.

### Usage

#### Use gatsby-transformer-remark

```js

  {

    resolve: `gatsby-transformer-remark`,

    options: {

      plugins: [

        {

          resolve: `@tizee/gatsby-remark-b23`,

          options: {

              prefix: "embed"

          }

        }

      ]

    }

  }

```

#### Use gatsby-transformer-mdx

```js

{

      resolve: 'gatsby-plugin-mdx',

      options: {

        extensions: ['.mdx', '.md'],

        gatsbyRemarkPlugins: [

          {

            resolve: `gatsby-remark-magic`,

            options: {

              prefix: 'embed',

            },

          },

      }

}

```

#### With prefix

In your markdown file, use a prefix in inline code.

```markdown

`embed https://bilibili.com/video/BV1YV411r7ns`

```

It will be transformed to:

```markdown