Embeds

Hashnode supports the following embeds:

  • CodePen.
  • Tweets.
  • Youtube Videos.
  • Glitch.
  • GitHub Gists.
  • Soundcloud.
  • Anchor.
  • Facebook Public Posts.
  • Spotify.
  • Instagram Posts.
  • Giphy GIFs.
  • Runkit.
  • CodeSanbox.

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]

Embed CodePen

Tweets#

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

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

Embed Tweet

Youtube Videos#

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

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

Embed YouTube Video

Glitch#

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

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

Embed Glitch

GitHub Gists#

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

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

Embed GitHub Gist

Soundcloud#

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

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

Embed Soundcloud

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]

Embed Anchor

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

Embed Facebook Post

Spotify#

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

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

Embed Spotify

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]

Embed GIFs

Runkit#

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

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

Embed Runkit

CodeSanbox#

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

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

Embed CodeSandbox