A step-by-step guide to use Github GUI

github-gui.md

1. Download and sign in the Github application. https://help.github.com/articles/getting-started-with-github-for-windows/
2. In this case, the github repo already exists on github, you need to add it to your local machine. To do this, go to the top-left corner and you see a plus sign that indicates repo addition.

• Click the plus sign and choose Clone. This will show you a list of repos available under your account.
• Click the repo and confirm by clicking Clone Repository. A window will pop up and ask you where you would like to put your repo. You can use whatever path you prefer. Once the repo is cloned, changes in that folder will be tracked (which is what git does).
• 

3. Now you have the repository as a local folder. You can add/edit/delete files from the folder. In the demo, a new folder is a added along with a new image in it.

• 

4. Once you are done with the folder, go back to the GitHub application. In this case, make sure the gh-pages is selected as the branch (where the website is hosted.) In the Changes panel, you will see the file just added.

• Now that git knows that you have changed something, you need to add a note in terms of what changed. This is called a commit to GitHub. Type in this message in the Summary.
• Make sure your updates are selected. You can change as many files as you want as one commit, or split your changes into multiple commits. In the demo, there's only one change (a new file).
• 
• After you enter the commit message, click Commit & Sync. This will update your changes in GitHub (which updates the website.) You can now see the change in your GitHub repo online.