https://github.com/cedricdelpoux/gatsby-remark-gifs

Gatsby remark plugin to make .gif images work
https://github.com/cedricdelpoux/gatsby-remark-gifs

gatsby gatsby-plugin gatsby-remark-plugin gif gifs

Last synced: about 23 hours ago
JSON representation

Gatsby remark plugin to make .gif images work

• Host: GitHub
• URL: https://github.com/cedricdelpoux/gatsby-remark-gifs
• Owner: cedricdelpoux
• License: mit
• Created: 2021-01-01T16:18:54.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2023-03-14T08:17:59.000Z (almost 2 years ago)
• Last Synced: 2024-12-10T11:50:50.223Z (26 days ago)
• Topics: gatsby, gatsby-plugin, gatsby-remark-plugin, gif, gifs
• Language: JavaScript
• Homepage:
• Size: 1.14 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# gatsby-remark-gifs

[![Npm version][badge-npm]][npm]

[![Npm downloads][badge-npm-dl]][npm]

[![MIT license][badge-licence]](./LICENCE.md)

[![PRs welcome][badge-prs-welcome]](#contributing)

---

`gatsby-remark-gifs` is a [Gatsby](https://www.gatsbyjs.org/) remark plugin to make .gif images work

## Usage

1. Download `gatsby-remark-gifs` from the NPM registry:

```shell

yarn add gatsby-remark-gifs

```

2. Add the plugin to your `gatsby-config.js` file

```js

module.exports = {

    plugins: [

        {

            resolve: "gatsby-transformer-remark",

            options: {

                plugins: ["gatsby-remark-gifs"],

            },

        },

    ],

}

```

3. Add gifs in your content

```markdown

![My gif](./awesome.gif)

```

## Contributing

-   ⇄ Pull/Merge requests and ★ Stars are always welcome.

-   For bugs and feature requests, please [create an issue][github-issue].

[badge-npm]: https://img.shields.io/npm/v/gatsby-remark-gifs.svg?style=flat-square

[badge-npm-dl]: https://img.shields.io/npm/dt/gatsby-remark-gifs.svg?style=flat-square

[badge-licence]: https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square

[badge-prs-welcome]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square

[npm]: https://www.npmjs.org/package/gatsby-remark-gifs

[github-issue]: https://github.com/cedricdelpoux/gatsby-remark-gifs/issues/new