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.
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.
You can use Slack Codes: ![emoji codes](emoji codes.png “Classic Emoji Codes”)
Yields: 😉 😚 😢 😭 😆 😋 👉 👀
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.
|Brute Force Test of Slack Specific Codes Yields|
|❤||🙂 =-)||🙂 (: 🙂|
|💔||😃 😃||😞 ): 😞|
|😎||😉 😉||😕 😕 😕 :-\|
|😨||:> :->||:p :-p 😛 😛|
|😢||:| :-|||;p ;-p ;b ;-b|
|😘 😘||😠 😠|
Some Troll Face Emoticons work too:
( ͡❛ ͜ʖ ͡❛)
༼ ºل͟º ༽
( ͡°Ɛ ͡°)
( ͡ ͜ʖ ͡ )
ლ(ಠ 益 ಠლ)
ლ (ಠ_ಠ ლ)
༼ノ ◕ ヮ ◕ ༽ノ︵┻━┻
See the reference page for more!