【小白教程】使用GitHub Pages展示个人项目

博主前端菜鸟一枚,最近在学习百度前端学院的时候想把页面托管到github,折腾半天才成功。

Step_01

首先,创建一个代码托管仓库

【小白教程】使用GitHub Pages展示个人项目_第1张图片
创建仓库1
【小白教程】使用GitHub Pages展示个人项目_第2张图片
创建仓库2

Step_02

创建docs文件夹,以便于展示多个项目


【小白教程】使用GitHub Pages展示个人项目_第3张图片


【小白教程】使用GitHub Pages展示个人项目_第4张图片
创建文件夹,提交

Step_03配置github pages

进入Settings->github pages配置

【小白教程】使用GitHub Pages展示个人项目_第5张图片
创建完成,设置github pages

选择master branch/docs folder,save保存

【小白教程】使用GitHub Pages展示个人项目_第6张图片
【小白教程】使用GitHub Pages展示个人项目_第7张图片
保存成功

Step_04上传项目文件

【小白教程】使用GitHub Pages展示个人项目_第8张图片
Upload files

拖拽上传

【小白教程】使用GitHub Pages展示个人项目_第9张图片
上传成功后提交

Step_05测试

你可能感兴趣的:(【小白教程】使用GitHub Pages展示个人项目)