Deploying with Middleman is pretty easy but if you want to deploy to a subfolder you can run into trouble. In this tutorial I'm going to show you how to do that without any trouble.

In this episode of Building Web Sites With Middleman Static SIte Generator we are going to deploy our site to our servers subfolder.

Deploying Middleman Site

You can think of data files in static site generators similar to databases. They are files that are going to hold some sort of structured data that you can display on your site. In this episode first we are going to do a basic example of data files, and after that we are going to make more complex example to make a list of movies.

In this episode of Building Web Sites With Middleman we are going to look at how this static site generator handles data files.

Data Files

In Middleman they are called "Custom Article Collections" and they can be any kind of taxonomy you want. Also they are a bit limited and not as advanced like in WordPress or Drupal. But if you combine them with tags you should be OK.

In this episode of Building Web Sites With Middleman Static Site Generator we are going to take a look at categories.

Middleman Categories

As I wasn't able to do anything for this tutorial by following official Middleman documentation, so I had to find some round about ways to learn how to do what I wanted. In this tutorial I'm going to walk you through that process.

We are going to learn how to display list of all tags for our blog, and also how to display tags for every post we have.

Middleman static site generator has some great documentation, but some of it is not that good. Tags are not explained very well, especially if you have multiple Middleman blogs.

Middleman Tags

In this episode we are going to be using [Middleman Dragonfly Thumbnailer](https://github.com/scarypine/middleman-dragonfly_thumbnailer) to make big images we've displayed in [the previous episode](http://watch-learn.com/video-tutorials/building-sites-with-middleman-part-7-displaying-front-matter-and-making-article-layouts/) a bit smaller. And not just smaller on our screens, but we are going to make actual smaller version of the image files. Also we are going to crop them, and make them maintain aspect ratios, and other cool stuff like that.

**Note:** you have to have ImageMagick installed on your local machine for this to work.

Middleman static site generator has some great options for manipulating images. In this episode of Building Web Sites With Middleman series we are going to learn how to manipulate image sizes and aspect ratios.

Image Manipulation

We already cover what the middleman front matter is in the [previous videos](http://watch-learn.com/category/video-tutorials/middleman/) and in this episode we are going to learn how to display that front matter on our article lists and article pages. I'm going to show you how to display images, links and videos on articles and lists.

This static site generator also has the option of making different article layouts for your different types of articles. We are going to be learning about that too.

In this Building Web Sites With Middleman episode we are going to display our front matter and make article layouts using this static site generator.

Displaying Front Matter and Making Article Layouts

Permalinks are the URLs you see in the address bar of your browser. It is good practice to make them as descriptive as possible. All of the major CMSs and frameworks have the option to define URL structure of your site. Middleman, of course has similar options and we are going to see how you can set them up.

In this Building Web Sites With Middleman episode we are going to be talking about Middleman permalink or URLs and how you can make them better.

Middleman Permalinks

I hope that by watching this episode you will get to know true power of Middleman. As you will see there is very little here that you have to do by hand, Middleman does most of the heavy lifting for you.

In this episode we are going to install our first Middleman extension or plugin, also you will learn how to use Middlemans create command to generate new articles for you. We are also going to list those articles on our front page and link them to the article pages.

In this episode we are going to install a blog, generate some articles and list out those articles on our front page.

Installing a Blog and Creating Articles

In Middleman you will call this blog, but if you are coming from WordPress world you can look at those blogs as different custom post types for your Middleman site. As you will see every blog can have different front matter - or custom fields assigned to them. This way you can section out your content really well and keep organised while doing development.

In this video you will learn how to make another blog - or article type with Middleman. Also I will show you how to make article generators for those article types.

Tutorials tagged with: middleman

Get in touch