VuePress on

Figuring Out Vuepress Plugins

Thu, 15 Nov 2018 00:00:00 +0000

Vuepress is an up and coming static site generator based on the Vue.js framework. Plugin support was added in version 1.x and there are already a number of functional plugins. Many of these plugins are still lacking in documentation and required troubleshooting to get them working correctly. Example repos were created for a number of the plugins and shared back with the Vuepress community.

The blog Plugin

The blog plugin makes it easy to sort and filter the different posts according to their tag and category frontmatter. Tag and Category variables are created containing information from all of the posts containing that tag or category. A custom component can then be created to use this information and render it on the page. The example project can be found below.

Adding Netlify CMS to your VuePress website

Tue, 06 Nov 2018 00:00:00 +0000

Another great feature of Netlify is there Content Management System. This allows you to edit your website’s posts without the need of a git account, from anywhere through the website’s admin page, and with more than the typical text editor. Using Netlify’s CMS is currently not a few button click process but it is still very straight forward. These are the steps needed to get Netlify’s CMS running on your jpgage.

Getting started with VuePress

Fri, 02 Nov 2018 00:00:00 +0000

Ever since I started looking at web development, I’ve had a thing for static site generators. They are a great way to get a simple website up and running. I’ve used many of the currently available generators: Jekyll, Hugo, Hexo. I’m always trying to learn the different features and why one is better than the other.

A new player has entered the SSG scene, VuePress. VuePress is built using the up and coming javascript framework Vue.js. This allows you to use all of the features of Vue.js while creating your static website. Tie that with an extremely easy setup and you’ve got a simple and powerful website generator.