DEV Community

Start your blog with a Dev.to backend

Patrick Hanford on November 11, 2019

Thanks to Dev.to, us developers have a niche platform to write without the need to start our own blog. This is awesome, but you built a portfolio s...

Read full post

Evan Plaice • Nov 11 '19

For syntax highlighting you could feed the raw markdown into the wc-markdown web component.

github.com/vanillawc/wc-markdown

It has markdown parsing (Marked) and syntax highlighting (PrismJS) built-in.

I'm going to try hosting this from a S3 Bucket.

Patrick Hanford • Nov 11 '19

This is huge. Thank you! May just be the solution to some styling hacks here as well. :)

Evan Plaice • Nov 11 '19

In theory, it should work. I haven't actually tried integraring the web component into Vue yet. When you import, use the dist/ bundle.

I've been looking for a setup like this for my own blog. So, I'll be trying to do the same.

Except, I'm going to try hosting it on AWS. With the website code on S3, the Dev.to requests proxied through API Gateway, and everything sitting behind a Cloudfront distribution.

That should allow HTTPS, cache all requests (incl the ones proxied to Dev.to) for 24 hours, and be dirt cheap to host.

Evan Plaice • Nov 11 '19 • Edited

BTW, the component uses lightDOM. Meaning you can style it globally.

Styles can be defined relative to the component. Once parsed, it'll contain the Markdown rendered as HTML. So, you can define styles like this:

wc-markdown > h1 {
  font-size: 18px;
}

Sulman Baig • Jul 24 '20

Thanks for your nice article. I also moved my blog site from wordpress to vuejs and netlify. I also wrote an article crediting you here

Moved My Blog Website From WordPress To Dev.to With VueJS

Sulman Baig ・ Jul 22 ・ 3 min read

#vue #wordpress

Lorenzo (Mec-iS) • Nov 11 '19

It would be great for me to have something like this but using a lightweight framework like Stimulus or Trimmings

Itachi Uchiha • Nov 11 '19

Great work :)

I'm preparing my blog with Nuxt for a while. This will help me. Thanks.

Patrick Hanford • Nov 11 '19

Fantastic! Let me know if you have any questions or figure out some better ways to display the article contents. The biggest challenge with this approach so far is style overrides & syntax highlighting.