使用Git在GitHub上部署静态页面

在GitHub中,我们可以将自己的静态页面部署到GitHub中,它会给我们提供一个地址使得我们的页面变成一个真正的网站,可以供用户访问。

一、在GitHub下创建仓库 

使用Git在GitHub上部署静态页面_第1张图片

二、将项目部署到GitHub上

1. 初始化Git仓库

使用Git在GitHub上部署静态页面_第2张图片

 2. 提交代码

使用Git在GitHub上部署静态页面_第3张图片

 3. 关联远程仓库

在GitHub创建的仓库中复制如下代码

使用Git在GitHub上部署静态页面_第4张图片

注意:静态页面的主分支必须叫 gh-pages 

 使用Git在GitHub上部署静态页面_第5张图片

GitHub中部署成功 

 使用Git在GitHub上部署静态页面_第6张图片

 三、访问网站

 使用Git在GitHub上部署静态页面_第7张图片

 使用Git在GitHub上部署静态页面_第8张图片

如果希望页面可以通过xxx.github.io访问,则需要将库的名字配置为xxx.github.io

后面的操作和上面一致

使用Git在GitHub上部署静态页面_第9张图片 

 四、修改网页

我们将修改的代码进行提交

使用Git在GitHub上部署静态页面_第10张图片

 使用Git在GitHub上部署静态页面_第11张图片

使用Git在GitHub上部署静态页面_第12张图片 

 

你可能感兴趣的:(Git,git,github,vscode)