EdPike365

Gatsby Markdown Emoji

April 01, 2021

A Light Hearted Project For April Fools

If you’ve tried adding Emoji to your Gatsby Markdown blog, you will see that it’s very hit or miss. Below is a quick guide to what works and what doesn’t on April Fools Day, 2021.

Emoji Kiss

I used gatsby-remark-emoji. NOTE: there is no trailing s. This is just a wrapper for the emojione library. That library, in turn, seems to be pulling some free emojis from joypixels. Thats as far as I was willing dive for this project 😞. When I want to work on something fun I’ll loop back around to see if I can get more of these working.

Contrary to the plugin’s docs on Gatsby, it supports many more “conversion styles” than the JS functions on JoyPixels. In the options, I tried “shortnameToImage”, and it worked but the emoji were not scaled correctly, so I switched back.

Slack Emoji Codes :

You can use Slack Codes: ![emoji codes](emoji codes.png “Classic Emoji Codes”)

Yields: 😉 😚 😢 😭 😆 😋 👉 👀

Slack Emoticon Text Shortcuts

This plugin docs poorly document these. My best guess is they cover a subset of the Slack emoticon list. !TODO: dig through the plugin code.

Emoticons List slack emoticon codes

Brute Force Test of Slack Specific Codes Yields
🙂   =-) 🙂   (:   🙂
💔 😃   😃 😞   ):   😞
😎 😉   😉 😕   😕   😕   :-\
😨 :>   :-> :p   :-p   😛   😛
😢 :|   :-| ;p   ;-p   ;b   ;-b
:o) :o   :-o    
😘   😘 😠   😠    

Troll Face

Some Troll Face Emoticons work too:
( ͡❛ ͜ʖ ͡❛)
༼ ºل͟º ༽
( ͡°Ɛ ͡°)
( ͡ ͜ʖ ͡ )
ლ(ಠ 益 ಠლ)
ლ (ಠ_ಠ ლ)
༼ノ ◕ ヮ ◕ ༽ノ︵┻━┻

See the reference page for more!


Profile picture
Written by EdPike365 : Full stack developer, tech educator, science enthusiast.