GitHub部署静态网页

时间:2024-04-14 09:29:53

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

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

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

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

一、上传代码

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

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

GitHub部署静态网页
4. 登录你的账号,并且新建一个项目
GitHub部署静态网页
注意事项:
GitHub部署静态网页
5. 重点----将本地的仓库关联到github上
  git remote add origin https://github.com/lxlx722/love.github.io
GitHub部署静态网页

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

  1. 上传github之前,要先pull一下,执行如下命令:
    git pull origin master
    或者git pull --rebase origin master
    GitHub部署静态网页

  2. 最后一步,上传代码到github远程仓库
    git push -u origin master
    GitHub部署静态网页

执行完后,如果没有异常,等待执行完就上传成功了,中间可能会让你输入Username和Password,你只要输入github的账号和密码就行了。
GitHub部署静态网页
GitHub部署静态网页

注意

GitHub部署静态网页
如果出现这种问题,就把 git pull命令重复一遍;

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

上传完成后就是这种状态
GitHub部署静态网页

二、发布静态网页

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

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

推送成功的地址:https://lxlx722.github.io/love.github.io/
GitHub部署静态网页
设置完成之后再回到code界面,里面会多出一个配置文件
GitHub部署静态网页
到此为止整个发布也完成了。

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

https://lxlx722.github.io/love.github.io/index.html
GitHub部署静态网页
就简单介绍到这里,有问题欢迎评论;