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

就简单介绍到这里,有问题欢迎评论;

GitHub部署静态网页相关推荐

  1. 自动部署静态html,手把手教你用 GitHub 来部署静态网页

    在尝试过用 GitHub 部署静态 HTML 网页后,觉得其实挺容易的,这里简单说说如何用 GitHub 来完成部署. 1.首先我新建了一个版本库作为 demo,然后点击settings 2.选择 G ...

  2. 使用 github pages, 部署静态网页

    使用 github pages, 部署静态网页 效果预览我自己的个人博客点击 需要源码的话github仓库点击 github保存到自己仓库 在github创建一个仓库 为仓库命名 将本地文件上传到gi ...

  3. nginx 部署静态网页

    nginx 部署静态网页 2018年06月15日 17:55:23 幽默的荆轲君 阅读数:477 nginx 部署静态网页 第一步,就是安装nginx. 第二步 配置nginx.conf 熟悉vim的 ...

  4. docker部署html页面,在Docker容器中部署静态网页的方法教程

    前言 一般我们在访问容器时需要通过容器的端口来访问,那如何设置容器的端口映射呢? 我们通过以下命令来设置: docker run -p ip:hostPort:containerPort [--nam ...

  5. 阿里云oss部署静态网页

    使用阿里云OSS部署静态网页 阿里云oss很强大,存放文件.部署静态网页(包含html网页.vue网页.react网页). 并且在oss网页里面调用其他服务器接口.强制https都是可以的. 一 测试 ...

  6. GitHub——挂载静态网页

    前言 有时候想把自己做的静态网页给别人看,得组一个服务器,在上面搭建一个网站,然后把自己的网页发布出去.但现在GitHub上面的一个Github Pages功能就可以让我们不用租服务器,借用GitHu ...

  7. AWS攻略——使用CodeBuild进行自动化构建和部署静态网页

    首先声明下,使用"CodeBuild"部署并不是"正统"的方案,因为AWS提供了"CodeDeploy".如果不希望引入太多基础设施,可以考 ...

  8. 【Web开发】Nginx部署静态网页全流程

    前言 之前写过一篇博文[Web开发]Vue+Springboot项目服务器部署(环境搭建+部署流程),里面涉及到Nginx部署网页,但并不是非常详细.此篇就用来填补之前留下的一些坑,从零开始,重新用N ...

  9. 如何在服务器上部署静态网页,让所有人都能访看到?

    前两天自己买了百度云服务器和域名,然后写了一个静态的网页,准备把这个静态的网页放到服务器上去,这样的话,任何人输入网址,都可以看到我写的这个静态网页:于是这两天一直在研究这东西要怎么做才能实现,零零散 ...

  10. 在腾讯云上部署静态网页

    1.首先要有一个云服务器 我用的腾讯云,不知咋的搞了个免费15天使用... 关于如何购买并使用云服务器,请参照此篇腾讯云官方文档 快速配置 Linux 云服务器 2.把本地项目文件传输至腾讯云的Lin ...

最新文章

  1. MySQL安装ODBC驱动出现126错误
  2. egg直接取req_Egg服务器基础功能
  3. ssis 计划任务_SSIS Hadoop连接管理器和相关任务
  4. php strcmp bypass漏洞
  5. mysql 网页_mysql网页客户端工具
  6. 算法导论第22章部分答案
  7. SQL注入——判断注入
  8. windows下 PHP 安装
  9. LightBox -灯箱效果插件(非常漂亮) Jquery灯箱效果
  10. 《JavaWeb程序开发入门》课后题
  11. Impala优化基本方案
  12. 雅虎微软合作对手机搜索领域的影响
  13. as ssd测试软件得分分析,固态硬盘性能测试软件AS SSD benchmark详解
  14. 计算机技术在机械设计中的应用,计算机技术在机械设计制造及其自动化中的应用...
  15. Rasterino 2.3.0版for AI 2020 (Illustrator裁切图片一键PS修图插件)
  16. External Libraries中有包,但是运行还是找不到xxx程序包
  17. 算法:next数组的求法详解
  18. 【深度学习】AI芯片:上游产业率先爆发
  19. 计算机类科技创新项目课题,计算机学院第八期科技创新基金项目申报通知
  20. 3DSMAX渲染被铁链束缚的花朵-3D建模教程

热门文章

  1. 音乐转换成16进制写进单片机的方法(音符频率和音符的播放长度时间计算)
  2. 3D劲舞游戏 Dance Mixer 简体中文汉化版+常见问题(更新1.1补丁 汉化)
  3. 深度装N卡LINUX驱动 性能怎么样,讲解Deepin 20开源Nouveau和闭源NVIDIA驱动,附装闭源N卡驱动的方法...
  4. P3369 普通平衡树模板 treap
  5. 四叶草数 ---JAVA代码实现
  6. PE装到移动硬盘的资料寻回办法
  7. 百度 orc识别图片转文字
  8. 设置Notes暗黑模式
  9. linux里面如何配置软路由,Linux中增加软路由的两种方法
  10. BlackBerry Internet Service故障:公司内部同事无法互通邮件,对外联络没有问题