You can insert any of the Hashnode-supported embeds into your articles by using this markdown syntax %[content to embed URL].
Here's how to use the different supported embeds in your articles:
Embedding CodePen
In the Hashnode editor, type the embed code like so:
%[https://codepen.io/jshwrnr/pen/jOqdvjr]
Embedding Tweets
In the Hashnode editor, type the embed code like so:
%[https://twitter.com/hashnode/status/1275811267047854085]
Embedding Youtube Videos
In the Hashnode editor, type the embed code like so:
%[https://youtu.be/iYgiOTYTXco]
Embedding Glitch
In the Hashnode editor, type the embed code like so:
%[https://glitch.com/embed/#!/embed/glitter-oceanic-scaffold?path=server.js&previewSize=0]
Embedding GitHub Gists
In the Hashnode editor, type the embed code like so:
%[https://gist.github.com/BolajiAyodeji/b29af3e364d6fc77c8939ce9f0db5e89]
Embedding Soundcloud
In the Hashnode editor, type the embed code like so:
%[https://soundcloud.com/mkbhd/old-ghosts-full-mix-from]
Embedding 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]
Embedding 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/]
Embedding Spotify
In the Hashnode editor, type the embed code like so:
%[https://open.spotify.com/playlist/37i9dQZEVXbMDoHDwVN2tF]
Embedding 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/]
Embedding Giphy GIFs
In the Hashnode editor, type the embed code like so:
%[https://media.giphy.com/media/2KAGlmkPywhZS/giphy.gif]
Embedding Runkit
In the Hashnode editor, type the embed code like so:
%[https://runkit.com/bolajiayodeji/5f6fa7407d6a3d001a9f605e]
Embedding CodeSandbox
In the Hashnode editor, type the embed code like so:
%[https://codesandbox.io/s/react-new?fontsize=14&hidenavigation=1&theme=dark]
Next Articles: