embeds.md

id	embeds
title	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]

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]

Glitch

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

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

GitHub Gists

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

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

Soundcloud

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

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

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]

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

Spotify

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

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

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

Giphy GIFs

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

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

Runkit

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

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

CodeSandbox

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

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