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,

"this platform help me a lot during exam time , thank you notes4free team"

ravichandra JSS

"A very good initiative!!please do continue the same and let this reach out to more number of students all over....??"

Bhuvana B C SABS

"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

"Website is well-built and it looks good. It not only provides notes but also projects, resume building, aptitude tests and many more."

Ramya rrce

"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

Notes4free Blogs

Latest News & Blog

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

How to make a online money making website for free

How to make a online money making website for free

We should work from home and also we should earn well to live a life in this tough situation. You can achieve both of them by having a plan to earn money online by sitting at ho

how to obtain a COVID-19 vaccination passport

how to obtain a COVID-19 vaccination passport

A vaccine passport is a documentation that you've tested negative for specific infections or that you've been protected against them. You can keep it on

#

Crop Prediction System using Machine Learning

India being an agricultural country, its economy predominantly depends on agriculture yield growth and allied agro industry products. In India, agriculture is l

Aptitude Questions and Answers on Profit and Loss

Aptitude Questions and Answers on Profit and Loss

Aptitude questions and answers on profit and loss 1. A man buys a toy for Rs. 25 and sells it for Rs. 30. Find his ga

Aptitude Problems and answers on Numbers

Aptitude Problems and answers on Numbers

Aptitude questions and answers for number system 1) If one-third of one-fourth of a number is 15, then three-tenths of tha