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]

In the Hashnode editor, type the embed code like so:

%[https://youtu.be/iYgiOTYTXco]

In the Hashnode editor, type the embed code like so:

%[https://glitch.com/embed/#!/embed/glitter-oceanic-scaffold?path=server.js&previewSize=0]

In the Hashnode editor, type the embed code like so:

%[https://gist.github.com/BolajiAyodeji/b29af3e364d6fc77c8939ce9f0db5e89]

In the Hashnode editor, type the embed code like so:

%[https://soundcloud.com/mkbhd/old-ghosts-full-mix-from]

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]

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/]

In the Hashnode editor, type the embed code like so:

%[https://open.spotify.com/playlist/37i9dQZEVXbMDoHDwVN2tF]

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/]

In the Hashnode editor, type the embed code like so:

%[https://media.giphy.com/media/2KAGlmkPywhZS/giphy.gif]

In the Hashnode editor, type the embed code like so:

%[https://runkit.com/bolajiayodeji/5f6fa7407d6a3d001a9f605e]

In the Hashnode editor, type the embed code like so:

%[https://codesandbox.io/s/react-new?fontsize=14&hidenavigation=1&theme=dark]