Introducing GitHub Pages

[SOUND] Hey, everyone. 0:00 I'm Guil, a front-end teacher here at Treehouse. 0:04 In this workshop I'm gonna show you how to host your website on GitHub Pages 0:07 for free. 0:12 Did you know you can do that? 0:13 By now you know that Get is version control system commonly used for 0:14 collaborating on open source projects and 0:18 GitHub is a website that lets you host, get repositories on line so 0:21 that others can see your projects, use them and work on them with you. 0:25 For example, with GitHub, 0:29 you can share your code with other people in the web community, or 0:30 if you work in an organization, you can have an organizational GitHub account. 0:33 Where all the developers put their code, pull down the current code for 0:37 the project and work on it together. 0:40 Now a repository is just a collection of files, 0:43 like the files used in your website that you keep track of with Git. 0:46 Normally when you put a website project or any project up on GitHub, 0:50 you're just storing the website's files in a repository. 0:54 But GitHub also provides a simple hosting solution, called GitHub Pages, 0:58 that lets others view your repository just like any other website. 1:03 In fact, you can host multiple websites, and it's all completely free. 1:06 So So that you don't have to go through hosting providers or 1:11 the tedious process of setting up hosting package. 1:13 This is why many popular websites are hosted on GitHub pages. 1:17 For example, the websites for 1:21 Twitter Bootstrap and Zurb Foundation are stored and served from GitHub pages. 1:22 Now, there are some limitations on the types of sites 1:28 you can host with GitHub pages. 1:31 GitHub pages does not work with sites that uses a server-side language because it 1:33 can't execute languages like Ruby, Python or PHP. 1:37 GitHub pages works with static websites only. 1:40 These are sites Containing HTML, CSS and JavaScript files. 1:44 There are two types of websites you can store on GitHub pages, user pages and 1:48 project pages. 1:53 Both types are similar and can host the same types of websites, 1:54 you just create and store them differently within GitHub pages. 1:58 I'll cover how to create the two types soon but first, 2:01 let's go over a few important differences between user pages and project pages. 2:04 User pages are stored in a special repository dedicated to your 2:10 GitHub pages files. 2:13 As a GitHub user, you're entitled to one free user website per account. 2:15 User pages are commonly used for hosting a portfolio website or 2:20 an organization's main website. 2:23 With Project Pages, 2:26 each repository in your GitHub account can have its own website. 2:27 If you have repositories for several open source projects, you can host and 2:30 publish a website for each project. 2:33 That's how foundation and bootstrap post our websites. 2:36 Also, the URL structure GitHub uses for 2:39 product pages is slightly different from the URL structure used for user pages. 2:42 Project pages sites are served under a sub-path that matches a repository's name. 2:48 The URL for a project page's website will look like this, the username, 2:53 followed by the GitHub pages domain, and the repository name. 2:57 [MUSIC] 3:01 User pages sites do not display a sub-path in the URL. 3:02 They display the username, followed by the GitHub pages domain. 3:06 But, as you'll soon learn, you can use your own custom domain that 3:10 points to a website stored as either user pages or project pages. 3:13 Now that you know a little bit about GitHub pages, 3:17 it's time to get your site published. 3:20