01-Enter the github website, link to https://github.com/ , then register and log in. Note that the username (username) set when logging in is the third-level domain name of your personal homepage in the future , so you must fill in the username carefully here. As shown below:
02-After the registration is completed, enter the personal homepage as shown in the figure below:
03-Create a repository (warehouse) of a personal homepage.
The format here is:
用户名.github.io
For example, my github user name is: hhaicc
, so I will write it here as:
hhaicc.github.io
The screenshot after the creation is completed is as follows:
04-Click Settings→Pages in the above picture
. As you can see from the above screenshot, no related configuration items are generated at this time.
05- Go back to code
and upload the contents of the compressed package below to this warehouse.
https://pan.baidu.com/s/1VJY-fTHUTjpyOY225BOlIg?pwd=5cgl
Commit chages, as shown in the figure below:
The file index.md is the content displayed on your personal homepage, and the syntax is in Markdown format.
You can click to edit the content you want to show to everyone.
The file _config.yml is the theme configuration file, which is actually a theme named Jekyll theme.
The editing interface is as follows:
Next, set the description of this warehouse, which will be displayed on the personal homepage.
At this time, look at the Settings→Pages option again, it is different from before, as shown in the figure below:
in the horizontal line above:
https://hhaicc.github.io/
This is the address of your personal homepage.
Visit the above URL:
https://hhaicc.github.io/ The effect is as follows:
Let’s modify the content of the file index.md:
the content before modification is as follows:
the content after modification is as follows:
submit and save after modification.
Then visit again:
https://hhaicc.github.io/Note
: It takes a little time to update. If there is no change, you can try again in a few minutes. If there is still no change in a few minutes, refresh it or enter the Settings→Pages page , which may trigger an update, as shown in the figure below:
The modified effect is as follows:
This is much better than the layout just now.