Teach you to use GitHub to build your personal website

Time:2021-12-3

Teach you to use GitHub to build your personal website

GitHub source code sharing

Wechat search: Menon stayup
Home address: https://gozhuyinglong.github.io
Source code sharing: https://github.com/gozhuyinglong/blog-demos

1. Create a code warehouse

Log in to your GitHub, click the + button in the upper right corner, and select [new repository] to open the page of creating a new warehouse.

Teach you to use GitHub to build your personal website

Create a file namedusername.github.ioCode warehouse, whereusernameName of your GitHub account.
Note: ifusernameDoes not match your account name and will not work

In the following figure, because of my code warehousegozhuyinglong.github.ioAlready used, so the prompt already exists.

Teach you to use GitHub to build your personal website

2. Select a topic

Enter the created code warehouse and click settings to enter the setting interface.

Teach you to use GitHub to build your personal website

Pull down the page, find the GitHub pages module, and click choose a theme to enter the select theme page.
Teach you to use GitHub to build your personal website

GitHub provides some topics to choose from. Click [Select theme] to finish
Teach you to use GitHub to build your personal website

3. Set page content

After selecting a theme, two files will be generated:

  • _config.ymlSelected theme for
  • index.mdFor page content

Teach you to use GitHub to build your personal website

index.mdFor the markdown file, edit the content to modify the page content.

Teach you to use GitHub to build your personal website

4. Customize page

Of course, GitHub also supports custom pages and uploads itselfindex.htmlPage.

5. Page URL

The URL of the page is your code warehouse Name: https://username.github.io

See my homepage for the final effect: https://gozhuyinglong.github.io

6. Official website description

GitHub Pages: https://pages.github.com

Teach you to use GitHub to build your personal website