Everybody loves emoji

How to start to place emoji in gatsby

Let’s face it everyone likes emojis, and would like to include them in code, but how to do it. Well in gatsby it did like this :

npm install --save gatsby-remark-emoji

gatsby-remark-emoji which parses the code and replaces the emoji

npm install --save gatsby-remark-a11y-emoji

gatsby-remark-a11y-emoji which wraps the emoji into .🙈

It works after adding it to your gatsby-config.js file and this happened, Gatsby is 💯 now I can have as many emojis I want 😃

Now Lets Talk vs code.

which I liked the most is

Emoji
perkovec.emoji

which help to insert the emoji from command palate 👏,

If you are wondering about snippets try prismjs

npm install --save gatsby-remark-prismjs

It works after adding it to your gatsby-config.js file, but I was just a bit disappointed by the default themes available. I like the one-monokai theme for VSCode. I wanted to use it for my code snippets on the blog. This was made possible thanks to @konnyakuxzy . just copy it in theme folder and require it in browser.js voila ⚡