部署网页在GitHub Page上

部署网页在GitHub Page上

注册GitHub账号

https://github.com/join?source=login

创建Git仓库

点击右上角的加号创建仓库

在这里插入图片描述

填写创库名称,点击创建创库

  • Description——仓库描述,选填;

  • Public,Private——GitHub 限制免费用户只能创建公开仓库;

在这里插入图片描述

本地配置Git

创建好仓库后显示下图页面,点击红框标记按钮复制仓库地址。

在这里插入图片描述

需要用到Git命令了 ,Git是一个分布式版本控制软件维基百科git,通过Git命令来同步和管理代码。

初次运行Git需要做一些配置:

1.打开Git Bash
在这里插入图片描述

2.设置username和email,github每次commit(提交代码)都会记录他们,在Git Bash中分别输入以下代码;

git config --global user.name "你的用户名"
git config --global user.email "你的邮箱"

3.如果考虑到传输安全的问题,可以考虑加上SSH协议,具体操作可以搜索“SSH keys Git”关键词。

克隆云端创库到本地

配置完Git之后,选择一个本地文件夹来存放你的云端仓库,要把云端的仓库克隆到这里。

在这里插入图片描述

输入以下命令,切换目录到本地文件夹:

cd 文件夹地址

文件夹地址可以手输入,也可以直接把文件夹拖到Git Bash,按下回车。

在这里插入图片描述

输入以下代码把云端仓库克隆下来,仓库地址为创建Git创库复制下来的地址。

git clone 仓库地址

在这里插入图片描述

你的仓库根目录下应该已经有克隆下来的仓库了,仓库里什么也没有。

上传文件到云端仓库

我们需要在本地库中添加些东西,官方文档中是直接用命令把文件写进去,也可以把文件直接复制进去。

1.首先切换本地目录到克隆下来的库;

cd 库标题

2.官方文档:新建一个index.html文件,并在里面写入Hello World。

也可以直接把文件拷到到本地库文件夹下,或者在里面创建。注意这个文件夹下一定要有一个**index.html**文件!

echo "Hello World" > index.html

3.把该文件夹下所有文件纳入版本管理;

git add .

4.commit代码,把代码的一个版本提交到本地;

git commit -m "版本日志"

5.push代码,把代码推(上传)到云端仓库。

git push

设置Github Pages

成功将index.html文件推到云端仓库了,点击下图红框标记进入Setting页面:

在这里插入图片描述

拉到下面的GitHub Pages部分,按下图所示选择master branch(主分支),点击save。

在这里插入图片描述

刷新页面之后再回到GitHub Pages部分,可以看到页面已经发布。点击链接即可。

结尾

后续的修改只需要重复第5步就可以了,代码如下:

cd 本地库目录
git add .
git commit -m "版本日志"
git push
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值