Basic Directory structure

This is just a convention and not hard and fast you can even have all the files out in the root directory.

The default.html is the basic layout for all the webpages and is the single most important file that needs to be present in the local directory to be present.

The basic directory structure may look like this:

Note: _includes folder has an underscore ( _ ) but others don’t because includes is called in default.html and others as not and also note there’s no underscore ( _ ) in the calling of the include folder in default.html.

For more on Liquid tags ,filters and even programmable code like if-else and for loops visit: https://github.com/Shopify/liquid/wiki/Liquid-for-Designers.

Also the Jekyll tags and filters are accessible in siteleaf which can be found here: http://jekyllrb.com/docs/templates/

File names

The base template is the default.html. It must always be present in the root folder. Whatever this default.html includes must have an underscore ( _ ) in the beginning like _header.html but the underscore is not required in the includes syntax of the default.html. http://www.siteleaf.com/help/themes/naming-your-files/