[SOUND] Hey, everyone.

I'm Guil, a front-end teacher here at Treehouse.

In this workshop I'm gonna show you how to host your website on GitHub Pages

for free.

Did you know you can do that?

By now you know that Get is version control system commonly used for

collaborating on open source projects and

GitHub is a website that lets you host, get repositories on line so

that others can see your projects, use them and work on them with you.

For example, with GitHub,

you can share your code with other people in the web community, or

if you work in an organization, you can have an organizational GitHub account.

Where all the developers put their code, pull down the current code for

the project and work on it together.

Now a repository is just a collection of files,

like the files used in your website that you keep track of with Git.

Normally when you put a website project or any project up on GitHub,

you're just storing the website's files in a repository.

But GitHub also provides a simple hosting solution, called GitHub Pages,

that lets others view your repository just like any other website.

In fact, you can host multiple websites, and it's all completely free.

So So that you don't have to go through hosting providers or

the tedious process of setting up hosting package.

This is why many popular websites are hosted on GitHub pages.

For example, the websites for

Twitter Bootstrap and Zurb Foundation are stored and served from GitHub pages.

Now, there are some limitations on the types of sites

you can host with GitHub pages.

GitHub pages does not work with sites that uses a server-side language because it

can't execute languages like Ruby, Python or PHP.

GitHub pages works with static websites only.

These are sites Containing HTML, CSS and JavaScript files.

There are two types of websites you can store on GitHub pages, user pages and

project pages.

Both types are similar and can host the same types of websites,

you just create and store them differently within GitHub pages.

I'll cover how to create the two types soon but first,

let's go over a few important differences between user pages and project pages.

User pages are stored in a special repository dedicated to your

GitHub pages files.

As a GitHub user, you're entitled to one free user website per account.

User pages are commonly used for hosting a portfolio website or

an organization's main website.

With Project Pages,

each repository in your GitHub account can have its own website.

If you have repositories for several open source projects, you can host and

publish a website for each project.

That's how foundation and bootstrap post our websites.

Also, the URL structure GitHub uses for

product pages is slightly different from the URL structure used for user pages.

Project pages sites are served under a sub-path that matches a repository's name.

The URL for a project page's website will look like this, the username,

followed by the GitHub pages domain, and the repository name.

[MUSIC]

User pages sites do not display a sub-path in the URL.

They display the username, followed by the GitHub pages domain.

But, as you'll soon learn, you can use your own custom domain that

points to a website stored as either user pages or project pages.

Now that you know a little bit about GitHub pages,

it's time to get your site published.