It’s been a minute since I’ve shared a post in this series, but I’m finally back to school y’all on another lesser-known feature of DEV. 🤜💥🤛

How to Use Embeds

A feature that gets frequently overlooked in our community is embeds.

In their simplest form embeds give you a cool way to embed things from other websites. For instance, GitHub repos, CodePen pens, YouTube videos, Spotify songs, etc.

The basic Markdown for embedding something is written as follows:

{% embed https://… %}

For example, to embed a YouTube video, I would write:

{% embed https://www.youtube.com/watch?v=dQw4w9WgXcQ %}

Which would create:

One Known Exception

We didn’t always format our embeds like this! Thanks to an update from @aritdeveloper a while back 🙌, thankfully we have a mostly uniform method to write these. Check out this announcement when the update was made!

Now, I emphasize “mostly uniform” because there is one embed that doesn’t follow the format.

Our only exception is CodePen which uses the following syntax:

{% codepen https://… %}

In the future, I think we will probs make this uniform with the others. I’ve logged this request here on GitHub… hmmm, maybe I should embed it here instead. 😉

That’s That!

Anywho, if you have any embed questions, comments, requests, or anything else, feel free to hit me up here!