Git上传第一个自己的网页

淩亂°似流年 2022-05-09 06:14 191阅读 0赞

1.在git中创建一个新项目，名为myBlog，然后其他的不点直接点绿色的按钮  
![在这里插入图片描述][70]  
2.然后一定要选择 “SSH”，如下图：  
![在这里插入图片描述][70 1]

3.随便在一个地方创建一个myBlog的文件夹右键选择 Git Bush 打开，打开后，将图中的命令行每一行复制到Git Bush中执行：  
![在这里插入图片描述][70 2]

4.出现下图中的情况表示执行成功：  
![在这里插入图片描述][70 3]  
5.再找到myBlog文件夹右键点击VScode打开，后面新建一个index.html文件，输入内容，然后选择左边导航栏第三个按钮：  
![在这里插入图片描述][70 4]  
6.继续看图操作，等待进度条结束后打开刚才的git页面能看到有个index.html文件：  
![在这里插入图片描述][70 5]

7.这里点击会显示index.html文件的标签内容，并不会显示文字，去上面点击Settings按钮，下滑到Git Hubpages—Source—master branch—save：  
![在这里插入图片描述][70 6]  
8.完成后再下滑到此处，能看到一个链接，但是点击后并不能直接打开，要在后面加上index.html,即 [https://70kg111.github.io/blog2/index.html][https_70kg111.github.io_blog2_index.html] ，就能看到博客内容了：  
![在这里插入图片描述][70 7]

以上。

[70]: /images/20220509/7bd861910d5e49be8afe5a8c7aee7d84.png
[70 1]: /images/20220509/9b3be406285a474fb1e5a182e048420c.png
[70 2]: /images/20220509/dd02ec1d3202499c8221f14dd5a2eb84.png
[70 3]: /images/20220509/a96e6901b53846ac89e481b1f10d2c52.png
[70 4]: /images/20220509/ba35eae1ae1a474c88991d2f6cd806f2.png
[70 5]: /images/20220509/1a3240588b81470f8f62f300ca9151d4.png
[70 6]: /images/20220509/cfec74f1b97744c08be3867790f980ca.png
[https_70kg111.github.io_blog2_index.html]: https://70kg111.github.io/blog2/index.html
[70 7]: /images/20220509/62cbe420c4a740778ee561f40c6303f4.png