Git & Github

Github Pages

Github Pages

Hey everyone , Welcome back in new tutorial of Git & Github series . In last tutorial , we had learnt about the Basic Components of Github and now in this tutorial , we are going to learn about the Github pages , to create Github pages etc…

  • I would like to share the importance of Github pages . If you are a graduation student and you have purchased the courses through online learning sites like Coursera , Udacity , Udemy , Edx etc.. so you will have seen that in some courses , the assignment tasks are asked you to submit through Github . If you have purchased the course related to web development , HTML-CSS-JavaScript etc… then in assignment section you are asked to submit the Github page URL of your assignment .
  • As i have purchased one Web development related course on Coursera and i would like to share the conditions of Assignment submission , as shown in below image…

coursera assignment

  • as you can see in red highlighted section the URL is github.io not github.com . So it is the main difference between github pages and github that the URL of github pages will be like github.io .

To Create Github Pages–

If you are worry that how you have to submit your course assignment on Github and how to create Github pages then you need to follow the following steps…

  • Step (I)– In this step first of all you need to create a github account , if you have already a github account ignore this step.
  • Step (Ii)– After creating a github account , you need to create a github repository as instruction of course assignment where you can put your assignment files. You must have to remember that all css , javascript , images files must be in different folders like css files must be in css folder , javascript files must be in javascript folder and images must be in images folder and index.html file must not be in any folder . It should be in master branch with created folders . You can put the name of folders as your choice. Hey don’t worry , if you are not getting the point , i’m going to do this myself and will show in following images…..

create repository

 

  • Once you have created a new repository , now it s the time to upload your files . Simply either you can choose drop & down option or select from location of files. As shown in below image…
  • upload files
  • After uploading the files in created repository , go to the branch option and create a new branch gh-pages and press enter. As shown in below image…

step I

  • Once the gh-pages branch created , all files of master branch will be also present in this branch . Now ypu need to click on Settings option .As shown in below image…

step II

  • After clicking on setting page , you will get a page in which a Github Pages option will be present . In this it will show you that your page is created and your site is published on “URL” . URL will be present in this option . You can copy this URL and can visit your page in any browser.

step III

  • Yup ! it’s working .Once you will click on that URL , you will go to your site . As shown in below image…Now you can give this URL to course assignment submission time . Basically they are asked to submit only your github page URL not Github repository URL.

final


So , this was the tutorial on creating github pages . I hope , you will have learnt with easy way and yet you have any query regarding to this tutorial , you can ask in comment box . Your question will be appreciated .

Thank you !


» To get the brief introduction about Git & Github , click on below link–

Git & Github Tutorial

» To know the important features of Git & Working mechanism , click on below link–

Git features & Working mechanism


» To learn  the Git installation and configuration process , click on below link–

Git installation and configuration TUTORIAL


» To learn the basic commands of Git , click on below link–

Basic Commands of Git


» To learn  about the basic components of Github , click on below link–

Github Basic components

To Download the JEE Previous Year Question Papers, Click on below link :

To download the JEE Advanced Sample Papers, Click on below link :

JEE Advanced Sample Papers

To download the JEE Advanced Previous Year Question Papers, Click on below link :

JEE Advanced Previous Year Question Papers

To download the UPSEE Previous Year Question Papers, Click on below link :

To download the NEET Previous Year Question Papers, Click on below link :

Leave a Reply

Your email address will not be published. Required fields are marked *