Home > Development Tools > git > body text

Let's talk about how to build a personal homepage on github

PHPz
Release: 2023-03-27 11:27:31
Original
2518 people have browsed it

In the current Internet era, everyone needs a personal homepage to display their works and personal information. GitHub is one of the most popular code hosting platforms, and it can also be used as a tool for building a personal homepage. This article will introduce how to create a beautiful personal homepage on GitHub and showcase your works and personal information.

Part One: Create a GitHub Account and Repository

The first thing to do is to create an account on GitHub. If you already have an account, you can skip this step. After registering an account, you need to create a repository to serve as the hosting repository for your personal homepage.

  1. On the GitHub homepage, click the ‘ ’ sign in the upper right corner, and then select ‘New repository’.
  2. Set a name for the warehouse, which must be 'username.github.io', where 'username' is your GitHub username.
  3. Check 'Initialize this repository with a README' to ensure there is a README file in your warehouse.
  4. Click the ‘Create repository’ button to complete the creation.

At this point there should be a README file in your warehouse. This file will automatically appear on your profile.

Part 2: Edit Homepage

  1. Click on your warehouse name to enter the warehouse homepage.
  2. Click the ‘Settings’ button on the right side of the warehouse homepage to enter the warehouse settings page.
  3. Scroll down on the page and find the ‘GitHub Pages’ option.
  4. In the ‘Source’ section, select ‘Master branch’. This means that GitHub will read your master files from the master branch.
  5. Choose a theme based on your personal preferences. GitHub already has a variety of built-in themes to choose from.
  6. Click the ‘Select theme’ button and Github will automatically generate your homepage as a basic template.

Now, you can see the generated homepage in the warehouse. The homepage already contains some default content, including GitHub account information, warehouse information and some GitHub related links. In the next steps, we'll add our own information to these basics.

  1. Click on the ‘_config.yml’ file and edit it in the edit box at the bottom of the page.
  2. Modify personal information in the file, including name, profile, social media links, etc.
  3. Save changes.
  4. Click on the ‘index.md’ file and edit it in the edit box at the bottom of the page.
  5. Modify the content in the file to show your work, skills and other information. You can add HTML tags to make your web pages more interactive and engaging.
  6. Save changes.

Now, your homepage can display your personal information and works.

Part Three: Upload and Publish the Homepage

  1. Upload your homepage file to your repository. You can use tools such as Git Bash or GitHub Desktop to operate.
  2. Enter your warehouse page, click ‘Settings’ in the upper right corner, and then enter the ‘GitHub Pages’ settings page.
  3. In the ‘Source’ section, select ‘Master branch’ and click the ‘Save’ button.
  4. The page will refresh automatically and you will now see the message 'Your site is published at https://username.github.io/'. This means that your homepage has been successfully published on GitHub.

Summary

Through the above steps, you have successfully created your own personal homepage on GitHub. In this process, you learned how to create a GitHub account and create a repository, how to create your own homepage using a theme of your choice, and add personal information and work information to the homepage. Let's hope your profile becomes an important asset in your personal brand building and career development in the future.

The above is the detailed content of Let's talk about how to build a personal homepage on github. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template