gatsby-remark-twemoji-shortcut

yarn add gatsby-remark-twemoji-shortcut

npm install gatsby-remark-twemoji-shortcut

// gatsby-config.js

module.exports = {
  plugins: [
    {
      resolve: `gatsby-transformer-remark`,
      options: {
        plugins: [
          `gatsby-remark-prismjs`, // some other remark plugins
          {
            resolve: `gatsby-remark-twemoji-shortcut`,
            options: {
              classname: 'some_classname another_classname', // add additional classname(s) to the emoji
              style: { 
                // add additional inline-styling to the emoji
                background: 'gold'
              }
            }
          }
        ]
      }
    },
    // ...other plugins
  ]
};

img.emoji {
   height: 1em;
   width: 1em;
   margin: 0 .05em 0 .1em;
   vertical-align: -0.1em;
}

---
datetime: "2018-06-21 11:00:24"
title: "Twitter Emojis!"
tags: ["emoji", "twitter", "plugin"]
---
 
Add twitter emojis with no sweat. :sunglasses::heart::tada::sparkles::1st_place_medal::+1:

This even works with plain emojis! 🌵🐦🐬

Want to skip shortcuts? Sure! Try using backslashes. \:cool\:

What if I put emojis inside a inline code? `🚆:car:🚌`

```
What if I put emojis inside a code block? 🙉:grinning:🙉
```