DEV Community

Ways to enhance your DEV posts! Useful embeds.

Jess Lee on July 12, 2018

In alphabetical order, here are our current liquid tag embed options, with the syntax you'll need to include them in your posts :) 1. Co...
Collapse
 
cjbrooks12 profile image
Casey Brooks •

There are lots of posts that come in a series, and they usually include their own kind of "Table of Contents" to easily navigate among the other posts in that series. Examples include this one with a full Table of Contents, or my own tutorial series with forward/backward links in each post.

Is there any way to automatically generate this kind of ToC or easily provide forward/backward navigation through a series without needing to manually update the links in each post. I feel like I've seen something like this here on dev.to, but can't find that post again to save my life. Or maybe I'm just going crazy...

I'm imagining something like adding a Front Matter property with the name of a series, and then a custom tag to generate the full ToC for all a user's posts in that series, ordered by date, and another tag that looks up the next and previous posts in that series and generates the appropriate links.

Collapse
 
peter profile image
Peter Kim Frank The DEV Team •

You're not going crazy, this does exist on some articles you've probably seen around (example). Right now it's a manual process for admins to add articles to a series, which is why you haven't seen more of them across the site.

Your UI suggestion to use the Front Matter is pretty interesting. Part of the delay (aside from general busy-ness) is that we've wanted to give more thought to the user-facing side of the feature.

I'm sure @ben would have some additional thoughts.

Collapse
 
ben profile image
Ben Halpern The DEV Team •

Yeah. As Peter mentioned, at the data level this feature exists. It's the UI we never got to settling on. We want this to be settable in your dashboard but it's been sitting around in the icebox.

But the timing is good for us to surface this again soon and make it happen. Thanks for the push.

Collapse
 
georgeoffley profile image
George Offley •

That would be a sick feature.

Collapse
 
dance2die profile image
Sung M. Kim •

Yes! everything in one place! (Now Ben doesn't have to remind people how to do embed 😛)

And the question I have is, do you have a plan to add a support CodeSandBox/StackBlitz, ... etc?

Collapse
 
arnoldwafula profile image
Arnold Wafula •

Having problems embedding gist. Getting an error [Invalid Gist link: gist.github.com/arnold-wafula/192d... Links must follow this format: gist.github.com/username/gist_id]

Collapse
 
edm00se profile image
Eric McCormick •

It looks like linking to a single file form a gist is not supported.

Collapse
 
mrpiero profile image
Piero Bardelli •

I didn't that Dev had podcasts, thank you!

Collapse
 
georgeoffley profile image
George Offley •

Saving this for the next post.

Collapse
 
sudiukil profile image
Quentin Sonrel •

Simply awesome.

Collapse
 
rhymes profile image
rhymes •

Wow, so many!

Does link work for external websites as well?

Collapse
 
ben profile image
Ben Halpern The DEV Team •

Not at the moment. It's meant to in the future though, we haven't gotten around to it.

I'll write up a new issue in case you want to give it a go 🙃

Collapse
 
rhymes profile image
rhymes •

Well, let's talk about it after August 8th :D

Collapse
 
linuxguist profile image
Nathan S.R. •

Very Helpful Post ! Thanks....

Collapse
 
kasir-barati profile image
Mohammad Jawad (Kasir) Barati •

Cannot we add a YouTube playlist?

Collapse
 
ddebajyati profile image
Debajyati Dey •

Thanks, this a goldmine. This is exactly what I wanted!!

Collapse
 
jdnichollsc profile image
J.D Nicholls •

hey guys, exist any way to limit the width/height as a parameter?

Collapse
 
creativ_bracket profile image
Jermaine •

Thanks Jess. I'm always wondering how to enhance things. Perhaps at some point we could figure out how to incorporate DartPad 😄

Collapse
 
theodesp profile image
Theofanis Despoudis • • Edited

Hey that's amazing as it allows us to do interactive tutorials!

Collapse
 
rafalpienkowski profile image
Rafal Pienkowski •

Thanks for the list of embeds. 😁

Collapse
 
belhassen07 profile image
Belhassen Chelbi •

so cool

Collapse
 
varcharr profile image
Casey •

This is great, thank you! Bookmarked.

Collapse
 
suntong profile image
suntong •
Collapse
 
drazisil profile image
Molly Crendraven •

This is great. Can it be added to the help page of supported embeds so I don't have to Google it to find it's been here all along? :D

Collapse
 
vulcanwm profile image
Medea •

is there a way i can embed my twitter profile?

Collapse
 
bogomil profile image
Bogomil Shopov - Бого •

I just discovered this helpful post. Thanks!