Embeds
Hashnode supports the following embeds:
- CodePen.
- Tweets.
- Youtube Videos.
- Glitch.
- GitHub Gists.
- Soundcloud.
- Anchor.
- Facebook Public Posts.
- Spotify.
- Instagram Posts.
- Giphy GIFs.
- Runkit.
- CodeSandbox.
The embed markdown syntax is %[content to embed URL].
Here's how to use the different supported embeds in your articles:
CodePen
In the Hashnode editor, type the embed code like so:
%[https://codepen.io/jshwrnr/pen/jOqdvjr\]
Copy
Tweets
In the Hashnode editor, type the embed code like so:
%[https://twitter.com/hashnode/status/1275811267047854085\]
Copy
Youtube Videos
In the Hashnode editor, type the embed code like so:
%[https://youtu.be/iYgiOTYTXco\]
Copy
Glitch
In the Hashnode editor, type the embed code like so:
%[https://glitch.com/embed/#!/embed/glitter-oceanic-scaffold?path=server.js&previewSize=0\]
Copy
GitHub Gists
In the Hashnode editor, type the embed code like so:
%[https://gist.github.com/BolajiAyodeji/b29af3e364d6fc77c8939ce9f0db5e89\]
Copy
Soundcloud
In the Hashnode editor, type the embed code like so:
%[https://soundcloud.com/mkbhd/old-ghosts-full-mix-from\]
Copy
Anchor
In the Hashnode editor, type the embed code like so:
%[https://anchor.fm/bravenotperfect/episodes/The-Bravery-To-Ask-For-Help-ft--Soledad-OBrien-eiq25m\]
Copy
Facebook Public Posts
Due to recent changes in the Facebook product embeds, we are currently not supporting them. However, we are currently working on it!
In the Hashnode editor, type the embed code like so:
%[https://facebook.com/hashnode/posts/2640414152674168/\]
Copy
Spotify
In the Hashnode editor, type the embed code like so:
%[https://open.spotify.com/playlist/37i9dQZEVXbMDoHDwVN2tF\]
Copy
Instagram Posts
Due to recent changes in the Facebook product embeds, we are currently not supporting them. However, we are currently working on it!
In the Hashnode editor, type the embed code like so:
%[https://www.instagram.com/p/CEWGrhWnevP/\]
Copy
Giphy GIFs
In the Hashnode editor, type the embed code like so:
%[https://media.giphy.com/media/2KAGlmkPywhZS/giphy.gif\]
Copy
Runkit
In the Hashnode editor, type the embed code like so:
%[https://runkit.com/bolajiayodeji/5f6fa7407d6a3d001a9f605e\]
Copy
CodeSandbox
In the Hashnode editor, type the embed code like so:
%[https://codesandbox.io/s/react-new?fontsize=14&hidenavigation=1&theme=dark\]
Copy
