Github Desktop Instructions

github_desktop_instructions

github_desktop_instructions

User Manual: Pdf

Open the PDF directly: View PDF .
Page Count: 9

How to get your code on the actual web

with GitHub Pages

Go to desktop.github.com and download.

Go to github.com and sign up for an account. You will have to verify your new account with your

email.

Extract Github Desktop and move it into your Applications folder

Sign into GitHub with the Desktop Client

Continue

Add your email to the git config. This will be used to identify your commits on GitHub.

You can watch or skip through the tutorial here. Hit the + sign at the upper left to make a new

repository. For the name make it yourgithubusername .github.io. Naturally insert yours there. This

is a little trick that tells github to automatically make this published to the web on that url. For Local

Path just put it somewhere you will be able to find.

Locate that folder on your Desktop or wherever you put it and open that folder in Atom. (You can

also right click on the project in the left of GitHub Deskop to open in Atom!) On the left side rail you

will see an invisible .git folder made for you. This is where git tracks your changes. No need to

open it.

Move the html file from the earlier profile exercise into the repo. be carefult to NOT put it inside

the .git folder. Let's send this up to GitHub by making a commit.

Your screen should look something like this:

On the Uncommitted Change tab, make sure that the index.html file is checked.

Now fill out the summary field. Description is optional. Think of a nice descriptive message that

describes what you just did.

Hit commit to master. Your snapshot has been made. First of many I hope. Next, we need to

actually send this code up to Github by hitting Publish in the upper right.

Github Desktop will now push your project up to GitHub with your new html file.

Awesome now point your browser to yourgithubusername .github.io.

Holy crap!

Now let's get used to this workflow.

Go back into atom and change just one line of code in index.html and save. Back in GitHub

Desktop, click the Uncommitted Change tab and check it in by clicking the checkmark.

Now you can commit and hit Sync in the upper right. Reload your page, look at your history in

Github.

Now add that snazzy CSS from last night and do the same. As you continue to make changes, make

commits and send them out to the world.

Congrats! You are already shipping code to the open web!