CrazyEngineers
  • Introduction to GitHub User Pages - Part II

    PraveenKumar Purushothaman

    PraveenKumar Purushothaman

    @praveenkumar-66Ze92
    Updated: Oct 27, 2024
    Views: 3.9K
    Check out #-Link-Snipped-#, if you haven't.

    Using Automatic Page Generator to set up your GitHub Page

    The first screen you would see after clicking on Automatic Page Generator is the Create a GitHub User Page. If you are aware of <a href="https://daringfireball.net/projects/markdown/syntax" target="_blank" rel="nofollow noopener noreferrer">Daring Fireball: Markdown Syntax Documentation</a>, go ahead and customize the contents, if you have something in your mind. Else, leave it as is for now. Yeah, we will be changing the contents once it is published. Click on Continue to Layouts to choose a theme design for your user page.

    [​IMG]

    Choosing predefined GitHub User Page Themes

    Once you click on Continue to Layouts button, your content will be visible with a few predefined themes. The eleven themes that were available when I was writing this article were:
    1. Slate
    2. Merlot
    3. Time Machine
    4. Minimal
    5. Leap Day
    6. Modernist
    7. Hack
    8. Midnight
    9. Architect
    10. Tactile
    11. Dinky
    I chose the Midnighttheme, which looked really good for me.

    [​IMG]

    After choosing the best theme that suits for your page, click on Publish button to save the files. The Automatic Page Generator generates a lot of files and directories, required for the theme.

    Back to Branch

    The main branch, in any repository will be master. So, whatever changes you do in the master, will be reflecting on your page. The branch view of your repository will be something similar to this.

    [​IMG]

    Each code change will be a commit here. It says 2 commits because, always there is a first Initial Commit. It is required by all the VCS (or at least Git) to initialise the repository.

    Checking out the new User Page

    You need to wait for about ten minutes for the GitHub to deploy your page to the production. Else, it will throw an Error 404 (Page Not Found) like this.

    [​IMG]

    After allowing GitHub to deploy your page, when you navigate to the website #-Link-Snipped-#, you will be able to browse through your page. In my case, it would be #-Link-Snipped-# and you can see that my page is now published.

    [​IMG]
    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.
Home Channels Search Login Register