Imagine Git as the workflow to get things done and Git Hub and Git Hub Pages as places to store the work you finish.
Projects that use Git are stored publicly in Git Hub and Git Hub Pages, so in a very generalized way, Git is what you do locally on your own computer and Git Hub is the place where all this gets stored publicly on a server.
It is helpful if you know the basics of HTML and CSS since we'll be working directly with these languages.
We'll also be using a little bit of Markdown, but by no means do you need to be an expert with any of these languages.
To get a lot dirtier with Git and Git Hub (ie, the command line and terminal), there are several other great guides you should also know about, probably bookmark, and read after completing this one, or jump over to if that is more your speed: Anna Debenham, Thinkful, and even Git Hub itself go above and beyond making the command line or local workflow of Git Hub hosting and Jekyll templates accessible to a wider audience.
For a little background on I chose Git Hub and Git Hub Pages for my personal website (and other projects), see this note.
In order to make Git Hub Pages accessible to a wider audience, this guide focuses on using the web interface on to build your personal website, thereby generalizing and glossing over the standard tools associated with Git and Git Hub.