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]

Attachment Frame 2.png

Tweets

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

%[https://twitter.com/hashnode/status/1275811267047854085]

Youtube Videos

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

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

Attachment Frame 2.png

Glitch

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

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

Attachment Frame 2.png

GitHub Gists

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

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

Attachment Frame 2.png

Soundcloud

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

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

Attachment Frame 2.png

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]

Attachment Frame 2.png

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

Attachment Frame 2.png

Spotify

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

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

Attachment Frame 2.png

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

Embed Instagram

Giphy GIFs

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

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

Attachment Frame 2.png

Runkit

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

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

Embed Runkit

CodeSandbox

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

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

Attachment Frame 2.png

Did this answer your question?