A while ago I decided it was time for a makeover of my old website, which was actually a blog. The entries that were a bit outdated, nor in line with the ideas and interests I have now. I also wanted to get rid of the whole “blog” stuff, my new site will offer some articles but I don’t intend to be adding stuff daily or even weekly, so the term “Article” should be a better fit for that purpose.
I decided it was time for action.
The first thing I would normally do in that situation would be:
- Download the latest Wordpress install.
- Create a new MySQL database.
- Install and configure Wordpress.
This all seemed a bit heavy for the purpose at hand, so I went out looking for something a bit more lightweight, something that didn’t require any backend database or server-side scripting language. I started Google’ing for “static web site generator” and quickly came across Jekyll.
Jekyll is an awesome ruby gem that can will generate a website (html/js/css), given a template and content. One of the main advantages for me here is that I can version control the entire website, so I can store it on github! This also makes it a lot easier to backup the entire thing, since all the content is kept in the files and nothing needs to be in a database.
Because of this, I could host my site anywhere I’d like and I’m not attached to MySQL or PHP… A final reason to this for me was speed. Since all pages are generated beforehand, the webserver just needs to pass the html/css/js/images to the browser, no server clock cycles needed!
Jekyll also contains a very nice preview server that will auto-regenerate the site when a file has changed.
Starting the server is easy as:
OK, so I decided to do my website using Jekyll. I still needed to do some webdesign, enter Foundation.
I am not a webdesigner. I don’t know much about aesthetics or about building a web design that is portable across both devices and browser versions. That’s just no my cup of tea.
Grid systems are pretty hot nowadays (960.gs, Golden grid, Blueprint, …). They help out in creating websites that scale properly across different screen sizes. The grid system in Foundation has been created from the ground up and seems really good and was very intuitive to use.
I “integrated” this with Jekyll using a rake task which calls:
Your looking at it! This was the first time I did this but I would really recommended it to anyone that just wants to create a small website and doesn’t want the overhead of PHP/MySQL. In the spirit of Jekyll, Foundation and Juicer, you can also find the source of this website in my github repository.
Published on 06 Jan 2012