How to create a repository and host a website in GitHub in 2021

How to create a repository and host a website in GitHub in 2021

GitHub, Inc. is an Internet hosting company that specializes in Git-based software creation and version control. It includes Git's distributed version control and source code management (SCM) functions, as well as its own. Every project has access control and collaboration tools including bug tracking, feature requests, task management, continuous integration, and wikis. It is headquartered in California and has been a Microsoft affiliate since 2018.

GitHub's basic services are available for free. Commercial facilities are available for the more specialized specialist and business services. Open-source projects are often hosted on free GitHub accounts. As of January 2019, GitHub allows all plans, including free accounts, to have unlimited private repositories, but only three collaborators per repository. The free plan requires unlimited collaborators starting April 15, 2020, but private repositories are restricted to 2,000 minutes of GitHub Actions each month. GitHub claims to have over 40 million users and 190 million repositories as of January 2020, making it the world's largest source code repository.

Why is GitHub so well-liked?


GitHub, as the world's largest open-source repository, provides developers with a range of unrivaled advantages. GitHub is the largest software development site in the world. It stores source code in the cloud supports all major programming languages and simplifies the iteration process.

what is GitHub and how it is used by students?

GitHub is a website that hosts Git repositories, but it also has a lot of its own functionality. GitHub is a web-based graphical interface for Git, which is a command-line tool. Each project also includes access control and many collaboration features, such as wikis and simple task management tools.
GitHub is a version control and collaboration tool for code. It allows you and others to collaborate on projects from any place. This guide covers the fundamentals of GitHub, such as repositories, branches, commits, and pull requests.

Using GitHub as a submission site also allows educators to keep track of their student's progress, activity, and involvement. GitHub has a number of features that help students' activities be more transparent, such as graphs and a news stream that collects all of the activity in one location.

The Benefits of GitHub

  1. Project management is easy. Project managers and developers use GitHub to coordinate, monitor, and update their work so that projects are transparent and on time.
  2. Package security has been improved.
  3. Team management that works.
  4. The writing of code has improved.
  5. Code security has been improved.
  6. Hosting of code is easy.

What are the benefits of using GitHub?


GitHub maintains track of the numerous improvements made to each version of the source code projects in a variety of programming languages. As a result, the term "Git" refers to a version control system, which is a mechanism that helps programmers to keep track of their code's continuous revisions.


What are the steps to being a GitHub pro user for students? and Interested in a GitHub Student Developer Pack?

1. Go to GitHub Education and press Get benefits in the top right corner.
2. Pick a Student under "Which best describes your academic status?"
3. Choose or enter your school's email address.
4. Upload evidence of your academic standing if prompted.
5. Type in the name of your school.

 

Step by Step for Hosting a Website on GitHub.

  1. Create a GitHub account on github.com.
  2. Download either GitHub for Mac or GitHub for Windows, depending on your operating system. Open the app and log in using the account you just created.
  3. (On Mac): After you log in, click advanced and make sure that your name and email are correct. Then, click "Install Command Line Tools", just in case you want to start using the command line later in life.
  4. Create a new repository in your GitHub application. Name it your-username.github.io. The name is very important. Note the folder that GitHub is saving the repository to. Make sure the "Push to GitHub?" box is checked.
  5. Move your website's files into the folder that GitHub just created when you made the repository. IMPORTANT: Your homepage HTML file must be called "index.html", and it must exist in the top-level directory.
  6. Back in the GitHub application, you should see your files in the left column. Make sure they are all checked. If so, enter a message in the text box called "commit summary", something like "initial commit." Then, click the commit button.
  7. Click the "Publish repo" button in the settings.
  8. Give it about 10 minutes, then check your-username.github.io. Your website should be there!

Step 1: Create a GitHub account on github.com.

1. Create your account on the Github page.

github-signin

2. After the account created, login to GitHub.

github login page

Download either GitHub for Mac or GitHub for Windows, depending on your operating system. Open the app and log in using the account you just created.(On Mac): After you log in, click advanced and make sure that your name and email are correct. Then, click "Install Command Line Tools", just in case you want to start using the command line later in life.

Step 2: After successful login, it will display the home page of the users.

github homepage

Step 3: Click the new button on the Github page to create the repository, click new opens like this.

github repository

After filling in all the details of repository name, description and choose public to display the page and add the readme.MD to the GitHub page, where readme.MD is used to give the brief to projects like about, images, and so on.

Step 4: After all the details are filled in then it displays like this.

github reposatory

Step 5: After successfully created the repository then click -> add-file -> upload-files -> and drag and drop all the files and in the files, index.html should be there to host a website in GitHub.

github file upload

Step 6: After successfully uploaded all the files in GitHub - scroll down and commit the changes in the GitHub and after successfully upload it look like this. Move your website's files into the folder that GitHub just created when you made the repository. IMPORTANT: Your homepage HTML file must be called "index.html", and it must exist in the top-level directory.

github file uploaded

Now let's check how to publish the website with the default URL

Step 7: Go to settings in the project and scroll down to the GitHub pages section and open the GitHub pages section in the projects.

github settings

Step 8: Now go to the GitHub page - scroll down in the settings.

github pages

Step 9: Click check it out here link in the GitHub page and opens the new page in the GitHub and choose the source and changes the branch and root folder in the GitHub pages and save the GitHub pages in the settings.

github page

Step 10: After changes, it generates a default link of the project.

github settings

Step 11: Give it about 10 minutes to open the link, then check your-username.github.io. Your website should be there!

githubpage published

At last, the Github pages are published with your repository page name with the github.io URL. 

Happy coding! ....

Post comments

Leave a comment

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

Testimonials

What Our Students Say

Testinomial of notes4free , what's the Student say about notes4free,

"It's really helpful for students.. instead of simply wasting time by browsing Nd searching notes here Nd there it's really better to go through notes4free becoz everything wt v need is available here,it's really a grt thing plz guys gooo through this it's really helpful Nd it's like a study package where all things r available plzz guys utilize this one..Nd admin is also frndly they vl surly clarify all Ur doubts..Nd assist u..it's really a grt thing.."

Manasa HS ghousia college of engineering

"This platform is awesome in this gets all vtu notes, interview process resume building, all types of projects all are available in one platform it's very useful to us and good initiative .. keep going on.."

Harshitha Rrce

"It has been so useful for us... keep doing the same"

Pooja S Hugar Rajarajeswari college of Engineering

"I was really in a dielama on which notes to refer especially for vtu exams..Then I got to know about this website (notes4free) the notes were very clear and easy to understand and I am hoping to score very well by referring to notes4free notes."

Ashwin krishna Rajarajeswari college of engineering

"Saves the browsing time as they've got everything in one website. It's organized and convenient to students as this platform provides resume building, aptitude tests and many more."

Roopa rrce

"Very good platforms ..expecting more BCA notes"

Prajwal Shanthiniketan degree college

Notes4free Blogs

Latest News & Blog

check our latest blogs updates, projects and technical blogs and courses in notes4free.

MBA Courses Details, Types, Qualification, Admission and Syllabus

MBA Courses Details, Types, Qualification, Admission and Syllabus

M.B.A Course Details:- MBA is a 2-year master’s degree course in business administration, which addresses a wide range of academic disciplines

How to Deploy a MERN Stack application to AWS Amazon EC2

How to Deploy a MERN Stack application to AWS Amazon EC2

How to Deploy a MERN Stack application to AWS Amazon EC2 In this tutorial we're going to set up a production-ready web server from scratch on the Amazon EC2 (Ela

#

face recognition with occlusion using haar cascade algorithm

Facial occlusion, such as sunglasses, scarfs, masks, etc., is one critical factor that affects the performance of face recognition. Unfortunately, faces with oc

Aptitude practices on Boats and Streams

Aptitude practices on Boats and Streams

Aptitude questions and answers on Boats and Streams 1) The speed of a boat in still water is 5km/hr. If the speed of

H.C.F and L.C.M Aptitude questions and answers

H.C.F and L.C.M Aptitude questions and answers

Aptitude questions and answers on H.C.F and L.C.M concepts  1) What is the HCF of 1095 and 1168? 37