在githhub上创建个人主页的方法【2023更新版】

01-进入github的网站,链接 https://github.com/ ,然后注册,登陆,注意登陆时设置的用户名(username)就是将来你个人主页的三级域名,所以这里一定要慎重填写username。如下图所示:
在githhub上创建个人主页的方法【2023更新版】_第1张图片

02-注册完成后进入个人主页如下图所示:
在githhub上创建个人主页的方法【2023更新版】_第2张图片
03-创建一个个人主页的repository(仓库)
这里格式为:

用户名.github.io

比如我的github的用户名为:hhaicc
那么我这里就要写为:

hhaicc.github.io

在githhub上创建个人主页的方法【2023更新版】_第3张图片
创建完成后的截图如下:
在githhub上创建个人主页的方法【2023更新版】_第4张图片
04-点击上图中的Settings→Pages
在githhub上创建个人主页的方法【2023更新版】_第5张图片
在githhub上创建个人主页的方法【2023更新版】_第6张图片
从上面的截图可以看到,此时没有相关的配置项产生。

05-回到 code
在githhub上创建个人主页的方法【2023更新版】_第7张图片
把下面这个压缩包中的内容上传到这个仓库中。
https://pan.baidu.com/s/1VJY-fTHUTjpyOY225BOlIg?pwd=5cgl
在githhub上创建个人主页的方法【2023更新版】_第8张图片
在githhub上创建个人主页的方法【2023更新版】_第9张图片
在githhub上创建个人主页的方法【2023更新版】_第10张图片
Commit chages后如下图所示:
在githhub上创建个人主页的方法【2023更新版】_第11张图片
文件 index.md 就是你个人主页所展示的内容,语法为 Markdown 格式。

可以点击进行编辑为自己想展示给大家的内容。
文件_config.yml是主题配置文件,这里面其实是名叫 Jekyll theme 的主题。
编辑界面如下:
在githhub上创建个人主页的方法【2023更新版】_第12张图片

接下来设置对这个仓库的描述,这个描述会展现在个人主页中。
在githhub上创建个人主页的方法【2023更新版】_第13张图片
在githhub上创建个人主页的方法【2023更新版】_第14张图片
在githhub上创建个人主页的方法【2023更新版】_第15张图片
此时再看 Settings→Pages 选项,就和之前不一样了,如下图所示:
在githhub上创建个人主页的方法【2023更新版】_第16张图片
上面横线中的:

https://hhaicc.github.io/

便是自己的个人主页地址了。

访问上面的这个网址:
https://hhaicc.github.io/ 效果如下:
在githhub上创建个人主页的方法【2023更新版】_第17张图片
我们修改一下文件index.md的内容:
修改前的内容如下:
在githhub上创建个人主页的方法【2023更新版】_第18张图片
修改后的内容如下:
在githhub上创建个人主页的方法【2023更新版】_第19张图片
修改完后提交保存。
在githhub上创建个人主页的方法【2023更新版】_第20张图片
然后再访问一下:
https://hhaicc.github.io/
注意:更新需要一点时间,如果没有变化,可以过几分钟再试,如果过几分钟还是没有变化,就刷新一下或者进入Settings→Pages页面,这样有可能会触发更新,如下图所示:
在githhub上创建个人主页的方法【2023更新版】_第21张图片
修改后的效果如下:
在githhub上创建个人主页的方法【2023更新版】_第22张图片
这样就比刚才的排版好看多了。

你可能感兴趣的:(通用编程基础,github)