Static Site Generator 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.

Hosting with Netlify

Thu, 06 Sep 2018 00:00:00 +0000

I love GitLab pages. Being able to host a simple website with the same service I use for code makes managing services a lot more convenient. Of course with everything we use there are always alternatives. This post talks about a static site hosting alternative called Netlify.

Hosting with Netlify

Netlify offers many of the same features as GitHub pages but, since static site hosting is their primary service, they throw in a few added features. A couple of these features are the ability to do form submissions and compatibility with all static site generators. A complete comparison of features can be found here: https://www.netlify.com/github-pages-vs-netlify/.

Hosting on GitLab Pages

Wed, 05 Sep 2018 00:00:00 +0000

I love using GitLab for all of my source control needs. You can imagine how happy I was to discover that the same service could be used to create a simple website for a project portfolio. Here is the short process needed to get your own static website up and running.

Setting up your GitLab repository

The first step to host a website from a git repository is to of course create the repository. If you do no have a custom domain name, then you can name the repository based on your user name to have a nicer URL than your typical repository will allow. For example, the repository for my nwneisen gitlab user would be:

Creating a Hugo website

Mon, 27 Aug 2018 00:00:00 +0000

When my sister first asked me for help with her website, I didn’t have much to say. I was going to school for embedded engineering and web development was a completely different beast. I looked through her server at the code but I could tell most of it was generated using tools in which I hadn’t used anything remotely similar. I wasn’t much able to help much but I got an idea of the issue she was running into with her site: speed, nonresponsive, and expensive.