当前位置:   article > 正文

GitHub从注册到上传静态网页(保姆级教程手把手教你上载自己的静态网页)_github发布网页

github发布网页


全程我会卸载软件和创建小号进行展示,小白也可以玩转

这是按照本教程搭建的GitHub托管网页,由于是GitHub的服务器,国内访问会非常!慢!
https://hidered.github.io/zzz.github.io/

一、创建Github账号

  1. https://github.com/ 浏览器输入
    进入后网页如下

  2. 这里推荐使用edge浏览器,因为翻译是国内的,Google要使用插件才能翻译,而且也只是显示在英文旁边
    
    • 1
  3. 在这里插入图片描述
    在这里插入图片描述

  4. 在这里插入图片描述

  5. 在这里插入图片描述

无法验证就要再输入一次,这个验证方式还是很好玩的

  1. 在这里插入图片描述

那我们完成注册后,再次回到GitHub网站就可以了

二、创建Github资源库

在这里插入图片描述

我们创建我们的存储库,这就是一个代码托管平台,上传你的资料和代码和成千上万人分享,当然也可以选择私有的不和别人分享-。-,这里最好是以.github.io结尾,因为我试过只填zzz,结果是后面会报错

在这里插入图片描述
在这里插入图片描述

三、下载Git

​ 为什么要下载Git?

在GitHub Desktop克隆时会报错:
    利用git clone命令从github上下载项目源代码,发现报错:
    'git' 不是内部或外部命令,也不是可运行的程序或批处理文件
  • 1
  • 2
  • 3

Git官网下载,进去后下载,一直点下一步就可以了

(非必跟选项)设置GitHub个人密钥

  1. ​ 为什么要配置个人密钥?

  2. 通过SSH协议进行与 GitHub 的交互,可以提供更方便的身份验证和更快速的推送与拉取操作。它使用密钥进行身份验证,而不需要在每次操作时提供用户名和密码或访问令牌。
    简单点就是
    
    • 1
    • 2
  3. 首先win+r打开cmd命令提示符,输入格式为
    
        ssh-keygen -t rsa -C 设置用户签名时的邮箱号
       	接着回车3次后出现以下情况
    
    • 1
    • 2
    • 3
    • 4
  4. 在这里插入图片描述

  5. 接着我们要去我们文件夹,C盘下的用户(Users),点击自己的用户名,进去后会看到.ssh
    
    • 1

在这里插入图片描述
在这里插入图片描述

  1. 在这里插入图片描述

  2. 在这里插入图片描述

  3. ctrl+a 复制里面的所有内容
    
    • 1
  4. 在GitHub官网 https://github.com/ 点击右上角头像,点击设置
    
    • 1
  5. 在这里插入图片描述

  6. 	点到左边SSH和GPG密钥,点击新的SSH密钥
    
    • 1
  7. 在这里插入图片描述

  8. 将刚刚id_rsa.pub里的文件复制放进去,再点添加密钥就可以了
    
    • 1
  9. 在这里插入图片描述

四、下载Github Desktop

首先下载 [GitHub 桌面](https://desktop.github.com/)(按住ctrl+左键打开网页)、为什么要下载软件上传文件呢,其实网页也可以上传我们的文件,因为我尝试将我写好的200M文件的静态网页上传上去,后面上传一半说文件太大导致是个残缺的
  • 1
  1. 在这里插入图片描述

    • 一开始会只有几kb在下载,等等网速就起来了
      
      点开exe文件打开GitHubDeskTop,点击sign in to GitHub.com,如果出现别的浏览器,我们是在edge里面创建的GitHub账号,那么我的话会去更改一个默认浏览器应用
      
      • 1
      • 2
      • 3
    • 在这里插入图片描述

      • 在这里插入图片描述
  2. 在这里插入图片描述

  3. 点击授权桌面,就会有提示打开GitHubdesktop

  4. 在这里插入图片描述

  5. finish就可以了

  6. 在这里插入图片描述

五、上传静态网页

在这里插入图片描述

点击克隆后选择刚刚我们创建的存储库,自己选则文件夹
  • 1

在这里插入图片描述

如果出现报错
Cloning into 'D:\游戏\zzz.github.io'... fatal: unable to access 'https://github.com/Hidered/zzz.github.io.git/': Failed to connect to github.com port 443 after 21083 ms: Couldn't connect to server

打开cmd,git clone git://github.com/iczer/vue-antd-admin.git
会出现
Cloning into 'vue-antd-admin'...
fatal: unable to connect to github.com:
github.com[0: 20.205.243.166]: errno=Unknown error就可以了
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
点开show in Explorer
  • 1

在这里插入图片描述

要按照这种格式将文件都放进来
  • 1

在这里插入图片描述

随便取个名字
  • 1

在这里插入图片描述

发布
  • 1

在这里插入图片描述

此时再来看你的存储库就已经把文件都上传了
  • 1

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

要排队等待,排队等待完再次进入设置里面的pages,pages页面最上面就会显示您的网址了,这样就算身在美国的他乡人都能访问你的网站
  • 1

在这里插入图片描述

可以访问看一看喔,就是有一点卡 https://hidered.github.io/zzz.github.io/
  • 1

在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/708111
推荐阅读
相关标签
  

闽ICP备14008679号