Enhancing your static site and markdown posts with Vue.js

Published:

Adding some dynamic elements to your static generated site can be super easy using Vue.js and some dynamic components.

In this blog, I am able to add this to my markdown files:

<image-pop
    src="https://s3.us-west-1.wasabisys.com/webcdn/posts/2019/03/william-fonteneau-1437891-unsplash-10p.jpg"
    alt="Photo by William Fonteneau on Unsplash"
></image-pop>

And when my code is published, it turns out a little something like this:

Photo by William Fonteneau on Unsplash Photo by William Fonteneau on Unsplash

Photo by William Fonteneau on Unsplash

And code to implement the feature is on GitHub.

It is a super simple way to add some life to your posts.