You can insert any of the Hashnode-supported embeds into your articles by using the slash (/) command /embed or using the markdown syntax %[content to embed URL].
Here's how to use the different supported embeds in your articles:
Embedding Using Slash Command
You can use the /embed command on the editor to embed a tweet, YouTube video, GitHub gist and any of the Hashnode-supported embeds.
Embedding Using Markdown
To embed links using markdown, you need to use the %[link to content] syntax.
Here's a demo on how you can use the markdown syntax to add embeds to your blog post:
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: