手把手教你在Github Pages搭建自己写的页面

一.创建仓库

这里写图片描述


二.获取仓库

1.打开settings,有一个Github Pages 的设置,点击 source 中的本来的 None ,使其变成 master 分支,也就是作为部署github pages 的分支,然后点击 save。

这里写图片描述


2.页面刷新之后,再看 github pages 设置框处,多了一行网址,就是你的 github pages 的网址了。

这里写图片描述


3.点击这个链接,至此以上,github上要处理的操作告一段落,该上Git了!

这里写图片描述


三.创建本地文件

1.打开此电脑,选择一个盘,右键空白处点击 git bash here。

这里写图片描述


2.克隆test repository到 test 文件中。

这里写图片描述

命令 git clone https://github.com/Trojain/idarling.git

这里写图片描述


3.这个时候文件中就会多一个idarling文件,打开它

这里写图片描述

会看到一个 README.md 的文件,这个文件是从哪来的呢?追溯到gihub上,你会发现 README 文件是来自 master 分支。

这里写图片描述


4.将自己的网页文件复制粘贴至 f 盘的 test 文件中

这里写图片描述


5.进入idarling目录下(cd idarling)
命令git status,列出当前目录所有还没有被git管理的文件和被git管理且被修改但还未提交(git commit)的文件,也就是所有改动文件,红色字体标出。

这里写图片描述


6.然后输入 git add . (有个点) 表示添加当前目录下的所有文件和子目录。
然后 再输入一次 git status 如果看见文件都变绿了 ,那么就代表 它们已经准备好了被提交(git commit)。

这里写图片描述


7.输入命令(git commit -m ‘这里是描述test’)将文件上传至远程 master 分支

这里写图片描述


8.先pull再push
git pull (从远程仓库下载到本地仓库)
git push (从本地仓库上传到远程仓库 )

这里写图片描述


9.输入最后一行 git push,按回车,等一会,会有弹出框让你输入你的 github 账号和密码

这里写图片描述
这里写图片描述

10.上传完成

这里写图片描述


11.即可访问 https://trojain.github.io/idarling/1.index.html

这里写图片描述

posted @ 2022-07-20 18:17  猫老板的豆  阅读(1247)  评论(0编辑  收藏  举报