CrazyEngineers
  • Introduction to GitHub User Pages - Part I

    Updated: Oct 27, 2024
    Views: 3.9K
    Setting up your own GitHub User Page

    Many programmers, especially coders would like to showcase their awesome apps. It is a good practice to maintain a version control system for the code maintenance. One of the Open Source, Free, and Best VCS would be Git. It is supported in almost all the popular Operating Systems like Microsoft Windows, Apple Mac, and almost all flavours of Linux.

    GitHub is one of the popular web-based hosting service for software development projects that use the Git revision control system. I know many of you would be aware of its working and have used it. One of my colleague, a heavy user of it, and a contributor too, hasn’t yet set up their GitHub Page yet! So, I guess there are many, like me, who is new to GitHub and struggling on creating a GitHub Page, for your username. Let’s see how we can do it here.

    Getting inside GitHub

    First thing you need is a GitHub Account. Navigate to <a href="https://github.com/" target="_blank" rel="nofollow noopener noreferrer">GitHub: Let’s build from here · GitHub</a> and create one, if you don’t have one. Others, please sign in with your credentials. For the new users, make sure you create a wise username, which will be coming like #-Link-Snipped-# and the page would be #-Link-Snipped-#.

    [​IMG]

    Welcome to GitHub

    This is the Welcome page of GitHub, when you first log in. You will find a lot of guides or tutorials on Setting up Git, Creating a Repository, Forking a Repository, and Being Social, as they are the main themes of having code on GitHub. So the first thing that we need to do is, creating a Repository.

    [​IMG]

    Creating a Repository

    A repository is a concept in Revision Control that refers to a storage on a server that runs a version control system. It has a set of files and directories, historical record of changes in the repository, a set of commit objects, and a set of references to commit objects, called heads.

    To create a repository in GitHub, just scroll down the home page and you will see a widget with a title, Your Repositories. The value inside the braces is the count of repositories you have. Since most of us are new users, we would be having 0 in it. Click on New Repository button to start creating a new Repo.

    [​IMG]

    Creating a Repository for your GitHub Page

    To integrate your page with a repository, it should be in this name, username.github.com. Say my username is Praveen, so the new repository I am creating would be praveen.github.com. You can give a small description about the repo or just leave it empty. Make sure you have selected Public, so that, GitHub doesn’t charge for you! The checkbox near Initialize this repository with a README should be checked. This is for you to have a small description of the repo, when you open the repo page.

    [​IMG]

    Adding Initial Layout

    After creating your new repo, you will be provided with a screen as below. Here you need to click on Settings link, which is available as a last option in the main navigation.

    [​IMG]

    In the settings, scroll down to find the widget with title, GitHub Pages. Click on the Automatic Page Generator button to get started with your initial design.

    [​IMG]

    Note: In some cases, there will be a warning like below, saying that there’s already a page published at the specified URL. Just make sure that if there’s really a page exists or it throws out a 404 error as shown in the last section. If the case is 404, then go ahead and click on the Automatic Page Generator button to get started.

    [​IMG]

    Once you have done with reading this, go ahead to #-Link-Snipped-#.
    0
    Replies
Howdy guest!
Dear guest, you must be logged-in to participate on CrazyEngineers. We would love to have you as a member of our community. Consider creating an account or login.
Replies
  • Anoop Kumar

    MemberJan 19, 2013

    Nice .. thanks for sharing. I just started looking this kind of things.
    I am also looking at <a href="https://code.google.com/" target="_blank" rel="nofollow noopener noreferrer">Google Code</a>I have used Google Code for Selenium and it's quite awesome.Direct SVN plugin.
    Would you please add some comparison between GitHub and Google Code?
    Both are providing version maintenance (SVN), wiki and defect tracker.
    Are you sure? This action cannot be undone.
    Cancel
  • PraveenKumar Purushothaman

    MemberJan 19, 2013

    I haven't used Google Code. Lemme check it out and will do it for sure.
    Are you sure? This action cannot be undone.
    Cancel
Home Channels Search Login Register