"Interactive Web Pages with JavaScript" was retired on March 17, 2017. You are now viewing the recommended replacement.
Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Hosting a Website with GitHub Pages!
You have completed Hosting a Website with GitHub Pages!
Preview
GitHub provides a simple hosting solution called GitHub Pages that lets others view your repository like any other website.
Resources
Video review
- GitHub Pages does not work with sites that use a server-side language, because it can't execute languages like Ruby, Python, or PHP.
- GitHub Pages only works with static websites containing HTML, CSS, and JavaScript files.
- There are two types of websites you can store on GitHub Pages: 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.
- With Project Pages, each repository in your GitHub account can have its own website.
- Project Pages sites are served under a subpath that matches a repository's name.
- User Pages sites do not display a subpath in the URL.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
[MUSIC]
0:00
Hey everyone I'm Gil, a friend and
teacher here at Treehouse.
0:04
In this workshop I'm gonna show you how
to host your website on GitHub Pages
0:08
for free.
0:12
Did you know you can do that?
0:13
By now you know that Git is a version
control system commonly used for
0:14
collaborating on open source projects.
0:18
And GitHub is a website that lets
you host Git repositories online, so
0:21
that others can see your projects,
use them and work on them with you.
0:24
For example, with GitHub,
0:29
you can share your code with other
people on the web community.
0:30
Or 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 that lets
0:58
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, you don't have to go
through hosting providers or
1:10
the tedious process of
setting up a hosting package.
1:13
This is why many popular websites
are hosted on GitHub Pages.
1:17
For example, the websites for
Twitter Bootstrap and server Foundation,
1:21
are stored and served from GitHub Pages.
1:25
Now there are some limitations on
the types of sites you can host with
1:28
GitHub Pages.
1:31
GitHub Pages does not work with sites
that use a server side language,
1:33
because it can't execute languages
like Ruby, Python or PHP.
1:37
GitHub Pages works with
static websites only.
1:41
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:52
Both types are similar and can host the
same kind of websites, you just create and
1:54
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 GitHub Pages
2:10
files.
2:14
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:19
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:34
That's how Foundation and
Bootstrap host our websites.
2:36
Also the URL structure GitHub uses for
2:39
project 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 pages
website will look like this.
2:53
The username followed by the GitHub Pages
domain, and the repository name.
2:57
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:05
But as you'll soon learn, you can use
your own custom domain that points to
3:10
a website stored as either user pages or
project pages.
3:14
Now that you know a little
bit about GitHub Pages,
3:18
it's time to get your site published.
3:20
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up