Monday, February 16, 2015

Free Static Sites with Middleman and Github


I am going to teach you how to build a website using a new workflow that I have been using to build my own personal landing page, product page, and blog. Not only can you customise your site to fit your every whim and fancy, but I am going to show you how you can do it for free.


We are going to learn how to use Middleman to develop the site, and GitHub to host it. Let's get started!


What is a Static Site?


A static site does not have any dynamic content. Great examples of static sites are blogs, landing pages and product pages. Since a static site comes "as-is", it is extremely fast.


Meet Middleman, the Static Site Generator


Middleman bills itself as a "static site generator using all the shortcuts and tools in modern web development." What exactly is a static site generator? It means that Middleman has scripts that take your source files (written in Markdown) and converts them into HTML. It also contains scripts that will deploy the generated HTML.


Setting Up Middleman and GitHub


Let's hit the ground running. In this section, we will install Middleman, and learn how to deploy the newly generated site to GitHub. This section also assumes that you have a GitHub account. If not, you should create one.


Continue reading %Free Static Sites with Middleman and Github%




by Benjamin Tan Wei Hao via SitePoint

No comments:

Post a Comment