GitHub部署静态网页

Github从上传到部署静态网页这个可以说很简单,算是自己学习Github的使用的入门吧;

首页你需要一个GitHub账号,如果没有的话需要注册一个,如果没有的话需要注册
网址:https://github.com/
在这里插入图片描述
注册好账号之后,可以安装一个Git软件,自行百度搜索下载;
软件下载链接:https://git-scm.com/downloads
在这里插入图片描述

Git是一款免费、开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。

注册好账号,安装完Git之后,接下来大概分为两部分,一是上传代码,二是发布静态页面;
下面按照顺序分析两大部分

一、上传代码

$ 美元符号后面的命令行是自己写的,写完统一回车,没有分号

  1. 建立git仓库
    cd到你的本地项目根目录下,执行git命令
      git init
  2. 将项目的所有文件添加到仓库中
      git add .
      .代表路径,如果想添加某个特定的文件,只需把.换成特定的文件名即可
  3. 将add的文件commit到仓库
      git commit -m "注释语句"

前三步测试代码
4. 登录你的账号,并且新建一个项目
一会
注意事项:
在这里插入图片描述
5. 重点----将本地的仓库关联到github上
  git remote add origin https://github.com/lxlx722/love.github.io
在这里插入图片描述

后面的https链接地址换成你自己的仓库url地址,也就是上面框中标出来的地址

  1. 上传github之前,要先pull一下,执行如下命令:
    git pull origin master
    或者git pull --rebase origin master
    在这里插入图片描述

  2. 最后一步,上传代码到github远程仓库
    git push -u origin master
    在这里插入图片描述

执行完后,如果没有异常,等待执行完就上传成功了,中间可能会让你输入Username和Password,你只要输入github的账号和密码就行了。
在这里插入图片描述
在这里插入图片描述

注意

在这里插入图片描述
如果出现这种问题,就把 git pull命令重复一遍;

可以在本地Git命令行中设置绑定的邮箱
$ git config --global user.name “lxlx722” //用户名
$ git config --global user.email “xxx@qq.com” //填写自己的邮箱

上传完成后就是这种状态
在这里插入图片描述

二、发布静态网页

代码上传成功之后就可以发布静态网页了;

  1. 点击setting
    在这里插入图片描述
  2. 设置
    (1) 仓库名和访问二级域名一致
    在这里插入图片描述
    (2)滚动鼠标,往下面会看到GitHub Pages栏(默认是none)
    在这里插入图片描述
    (3) 然后刷新页面,出现如下图一样的地址就表明推送成功;
    在这里插入图片描述

推送成功的地址:https://lxlx722.github.io/love.github.io/
在这里插入图片描述
设置完成之后再回到code界面,里面会多出一个配置文件
在这里插入图片描述
到此为止整个发布也完成了。

补充一点:我在里面新建了一个文件index.html
如果要访问的话,只需要在部署时候生成的链接后面加上index.html路径即可,访问其他文件也一样

https://lxlx722.github.io/love.github.io/index.html
在这里插入图片描述
就简单介绍到这里,有问题欢迎评论;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

经理,天台风好大

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值