Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
by
Lessons:10Length:50 minutes
172320 adam noonan 400x277 v2 github pages 011618
  • Overview
  • Transcript

2.6 Create a Personal GitHub Pages Site

So far, we've been making a page that is tied to a specific repository. But what if you want to create a site about you or your organization and not necessarily about your repo? In this lesson, I'll show you that it only takes one small change to make a personal GitHub Pages site.

2.6 Create a Personal GitHub Pages Site

So now I've shown you how to create a very basic GitHub Pages website for your repo. And you can go ahead and expand on this as much as you want, and you can add in third party CSS libraries, you could use Bootstrap. You could use just about anything you want to start building out these rich websites to help describe your repo for whatever reason you have. Now, like I said before, you may want to be a little bit more specific about you, or about your organization, so how do you do that? Well, the way that we're going to do that is I'm going to go into the root of my my own repo here. And actually, I can go into my homepage here and I can start by creating a new repository. So if I were to come back over to New repository. Now, like I said before, I want to create one that is going to be hosted for me specifically, for this particular account, for this kreatived. Now, before, when I wanted to create a special GitHub Pages site for a repo, I created a repo with a name. And then I went into the settings of that site, and then I went and started to enable my GitHub pages for that particular repo. So if you want to create a special site for you, specifically, or your organization. You want to name this repository something very specific. So what you're going to do is you're going to come back here and take a look at what our site used to be. So it used to be this whole thing right here with our repo on the end. Well, what I want to do now is I simply want to name it this right here, the beginning parts of that URL. So the reason that you're going to do that, or the way that this is going to work is you're going to use your user name. Or your organization, if you access to an organization, that name.github.io. So this is a very specific, very special naming convention, and if you name it this way, it's going to create a new repo specifically for use for you to create a GitHub Pages site for your user. So let's go ahead and leave all the defaults here. So then let's go down here and Create our repository, and let's just do pretty much all of this from my local machine. So we're going to go ahead and grab this right here, we'll grab this URL. And very quickly and easily, let's come down in here to my terminal. And right now, I'm still in that Pages demo, so, I'm just going to back out of there, and let's go ahead and do a git clone again. So, I want to git clone my specific kreatived.github.io, and it says here that I've cloned an empty repository, and that's fine for now. And let's go ahead and see what I've got here, so let's go ahead and go into kreatived.github.io, and let's use code to open that up as well. And we can be very simple with this one, let's go ahead and create one new file. And remember, once again, I'm going to create an index.html, and then within here, let's just do our basic HTML. And I use a little bit of HTML 5 in here, I don't really need a lot of this, we'll just say, This is my personal pages, site, just like that. So we'll go ahead and save those changes. We'll go back over to our terminal, we'll see that we have one modification. We've added index, so let's go ahead and add that in to our changes. We can see the status of that file, now to be committed, just this one file, so we'll say git commit -m. We'll call this my Initial commit, and then we'll do a git push origin master, it'll go ahead and push my changes up. Let's go ahead and take a look at what this looks like now, I should have a single index.html file, and how or why is that interesting? Well, the reason that that's interesting is because now I have access to, or I've created a special repo named in a special way. That now if I were to come over here to kreatived.github.io, I can go ahead and refresh my page. And here I have, this is my personal pages site. So now I have access to create a full HTML, CSS and JavaScript website that's going to live at this URL right here. So this could be my personal site, this could be about me, maybe I'm creating a freelancing business. Maybe I'm doing some software development for hire, things like that. I could build this out to be my own personal website to advertise those types of things. And then I could even create links in between my repos, and in between my pages to say, you want to see some of my work? Then go ahead and check out my pages repo, and maybe this is something other, or my pages demo. And maybe this would be a link to some interesting information about this particular repo. Where somebody that wants to learn more about me could read information about this source code. And you could link to different things within the source code, so they can see what type of code you write. All of a sudden, you have so many interesting options to be able to create simple websites. That are going to serve up a lot of very valuable personal information about you, and the source code, and the applications. And things that you want to share with the world, and you can do it all for free, isn't that a wonderful thing? That is incredibly powerful and very interesting to be able to do very quickly and out of the box. Now there's a lot of tailoring and tweaking that you can do as far as GitHub Pages are concerned. You can use mark down, you can use HTML, you can do all of these different things. And there's a couple of other tips and tricks that I'm going to show you in just a few moments. But you can do all this stuff very quickly, very easily with free tools, any time you can do that kind of stuff, it is incredibly powerful. So now, in the final few lessons, I'm going to show you a couple of tips and tricks so that you can really start to enhance the process of building up and and building out these GitHub Pages websites. Even if you're not interested in doing a lot of manual coding.

Back to the top