GitHub从注册到上传静态网页（保姆级教程手把手教你上载自己的静态网页）

最新推荐文章于 2024-06-04 17:53:12 发布
最新推荐文章于 2024-06-04 17:53:12 发布
阅读量2.7k 收藏 36
点赞数 19
分类专栏： Github托管静态网页 文章标签： github
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52793095/article/details/134743440
版权

文章目录


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

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

一、创建Github账号

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

  2. 这里推荐使用edge浏览器，因为翻译是国内的，Google要使用插件才能翻译，而且也只是显示在英文旁边

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

  4. 在这里插入图片描述

  5. 在这里插入图片描述

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

  1. 在这里插入图片描述

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

二、创建Github资源库

在这里插入图片描述

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

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

三、下载Git

​ 为什么要下载Git？

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

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

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

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

  2. 通过SSH协议进行与 GitHub 的交互,可以提供更方便的身份验证和更快速的推送与拉取操作。它使用密钥进行身份验证,而不需要在每次操作时提供用户名和密码或访问令牌。
简单点就是

  3. 首先win+r打开cmd命令提示符，输入格式为

    ssh-keygen -t rsa -C 设置用户签名时的邮箱号
   	接着回车3次后出现以下情况

  4. 在这里插入图片描述

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

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

  1. 在这里插入图片描述

  2. 在这里插入图片描述

  3. ctrl+a 复制里面的所有内容

  4. 在GitHub官网 https://github.com/ 点击右上角头像，点击设置

  5. 在这里插入图片描述

  6. 	点到左边SSH和GPG密钥，点击新的SSH密钥

  7. 在这里插入图片描述

  8. 将刚刚id_rsa.pub里的文件复制放进去，再点添加密钥就可以了

  9. 在这里插入图片描述

四、下载Github Desktop

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

  1. 在这里插入图片描述

    • 一开始会只有几kb在下载，等等网速就起来了

点开exe文件打开GitHubDeskTop，点击sign in to GitHub.com，如果出现别的浏览器，我们是在edge里面创建的GitHub账号，那么我的话会去更改一个默认浏览器应用

    • 在这里插入图片描述

      • 在这里插入图片描述

  3. 在这里插入图片描述

  4. 点击授权桌面，就会有提示打开GitHubdesktop

  5. 在这里插入图片描述

  6. finish就可以了

  7. 在这里插入图片描述

五、上传静态网页

在这里插入图片描述

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

在这里插入图片描述

如果出现报错
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就可以了

点开show in Explorer

在这里插入图片描述

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

在这里插入图片描述

随便取个名字

在这里插入图片描述

发布

在这里插入图片描述

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

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

-。-！！！！
关注
  • 19
    点赞
  • 踩
  • 36
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
如何在网上（利用github）发布自己制作的网页
qq_26248741的博客
12-20 6131
许多刚刚接触前端学习的同学在学习了HTML后制作了自己的网页，但HTML格式的网页只能在本地打开，今天搬砖老刘较大家如何创建免费的域名网站（GitHub）上传自己的网页。 一、前期准备工作： 1.注册GitHub账户 地址：GitHub 2.下载安装git。下载地址:Git - Downloads 3.准备好自己制作完成的网页文件 二、GitHub域名创建 1.登录完成后点击 ...
GitHub入门教程 手把手教你最简单的开源项目托管
10-20
主要介绍了GitHub入门教程 手把手教你最简单的开源项目托管,需要的朋友可以参考下
HTML静态网页模板下载大全
03-15
HTML静态网页模板 HTML静态网页模板 HTML静态网页模板
使用GitHub托管静态网页
最新发布
a871923942的博客
06-04 447
如果没有自己的服务器，也没有域名，又想部署静态网页的，那就可以尝试使用GitHub托管自己的静态网页。
GitHub如何发布自己的网站（详细教学）
m0_73135216的博客
07-21 3165
GitHub如何发布自己的网站
在github上部署静态页面
qq_58832911的博客
11-24 8839
假如你辛辛苦苦写好了一个静态网页，很想要炫耀一下，让大家都可以通过公网访问看到我的网页。这里有一种最简单的方式，使用gitpage功能，将你的网页通过gitpage部署，大家都可以通过公网看到你的网页了。
只需要3步把自己的网页放在网上（静态网页）
weixin_45957302的博客
11-22 1785
这里更新的话，就是更新你自己的文件即可，比较麻烦，当然对于浏览性质的网页够用了，觉得域名不好看的话，可以购买一个域名。当然，这个充值的钱，充个几块钱用很久了。2. 然后进入到里面点击上穿文件夹，这里就是你的整个html文件或者vue文件。1.进入到（首页右上角）控制台界面，搜索静态网站托管。3. 然后打开你的首页，复制这个连接到网上打开即可。
【网页版 GitHub】操作指南（搜索、下载等）
weixin_42567789的博客
10-09 3128
写在前面： GitHub也可以用来学习大佬们的开源代码，也可以找到许多的笔记哦~ 1. 用GitHub搜索 2. 对喜欢内容的操作 一般可以进行三种操作：watch、star、fork 2.1 watch 2.2 star 2.3 fork
Github的简单使用(网页版)
热门推荐
zhuguanlin121的博客
06-30 1万+
目录Git和GithubGithub基础概念注册Github账号创建仓库及文件新建仓库新建文件文件的编辑和删除编辑或修改文件删除文件文件的上传文件的查找及下载文件的查找文件的下载IssuesFork开源项目贡献流程 Git和Github 什么是Git Git是一个免费、开源的版本控制软件 什么是版本控制系统 版本控制是一种记录一个或若干个文件内容变化，以便将来查阅特定版本修订情况得系统。 系统具体功能 记录文件的所有历史变化 随时可恢复到任何一个历史状态 多人协作开发或修改 错误恢复 什么是Github G
如何利用GitHub发布个人网站
weixin_51761397的博客
10-04 2905
通过github将个人制作的静态网站发布公开
基于HTML CSS JS实现仿京东商城首页的静态网页设计源码+项目说明.zip
12-17
仿京东商城首页的静态网页设计源码 【静态网页演示】 DEMO:https://jrr997.github.io/JD.com/ 京东静态网页制作(2022-12月) JD.com静态网页制作，主要用到的技术有HTML和CSS，此项目用于前端基础的巩固和项目练手。
musicmatt.github.io:私人静态网页
04-27
音乐马特的GitHub个人网页（musicmatt.github.io）是一个基于GitHub Pages的静态网站，用于展示个人项目或作为在线简历。这个网站主要依赖于CSS（层叠样式表）来实现其设计和布局，使得页面美观且功能齐全。下面将...
考研英语词汇静态网页.rar
04-20
欢迎访问github：https://github.com/hyqlmy/MakeEnglishHtml 运行前记得看ReadMe.md文档
用github发布静态网站（一）
weixin_50920579的博客
06-12 2243
1.git bash里需要鼠标右键才可以显示刚刚的复制内容 2.因为pull到远程仓库的时候会在git bash的目录下新建一个项目文件
GitHub发布静态网站
2201_75715995的博客
03-14 1468
在仓库管理界面，点击“设置（setting）”按钮，然后在侧边栏中选择“Pages”选项，打开配置界面；关于“初始化仓库”、“设置模板”和“选择分支模型”这几个设置，可根据自身需求进行设置，不设置也行。可以通过点击“上传现有文件”按钮来进入上传文件管理界面，手动上传所需的文件。推荐使用方式一，通过拖拽的方式上传文件，因为它既支持文件也支持文件夹的上传。在首页的右上角，点击“+”号图标，从弹出的选择菜单中选择“新建仓库”选项。最后，确认所有信息填写无误后，点击“创建”按钮以完成仓库的创建。
【Github】的简单使用(网页版)
咖喱年糕的博客
01-12 1740
Github是全球最大的社交编程及代码托管网站(https://github.com/)。 Github可以托管各种git库，并提供一个web界面（用户名.github.io/仓库名） Git是版本控制软件 Github是项目代码托管的平台，借助git来管理项目代码 学习优秀的开源项目 关注行业前辈了解最新的行业动态 Github基础概念 借助Github方便托管项目代码。
保姆级教程：从零构建GitHub Pages静态网站
阿甘兄
10-20 5704
超详细讲解从零构建Github Pages静态网站
20个Github 网页常用操作教程
Python领域优质萌新创作者
04-08 1260
在 GitHub 主页上，点击右上角的加号按钮，选择“New repository”（新建仓库），填写仓库名称、描述等信息，选择公开或私有仓库，点击“Create repository”（创建仓库）即可。在仓库页面上，点击“Settings”（设置）按钮，选择“Collaborators”（贡献者）选项卡。在分支页面上，点击“Pull request”（合并请求）按钮，填写合并请求信息，点击“Create pull request”（创建合并请求）按钮即可。点击每个分支可以查看该分支的提交历史和代码。
github上发布自己的网站
w_xiaolin的博客
02-01 4646
github发布自己的网站 到了这里又有小伙伴要问了我可不可以发布自己做的网页我不想发布博客,当然我怎么会说不可以了,hexo是一个成熟的框架用起来是很简洁,很适合新手的,废话不都说我们直接开始吧 首先我先说一下我们要用git这个工具,用来上传,还需要github.com这个代码托管的网站虽然是国外的都是英文不好操作,但是他免费啊,白嫖他不香吗 好吧我们先开始下git这个工具吧https://gi...
手把手教你搭建属于自己的pyqt5-yolov5目标检测平台(保姆级教程)
05-31
感谢您的提问！以下是手把手教您搭建属于自己的PyQt5-YOLOv5目标检测平台的保姆级教程： 1. 安装Anaconda 首先，您需要下载并安装Anaconda，Anaconda是一个 Python 数据科学平台，包含了许多常用的数据科学包，如Numpy、Pandas等。 2. 创建一个虚拟环境 在安装了Anaconda之后，您需要创建一个虚拟环境，以便隔离开发环境和系统环境。您可以在命令行中输入以下命令来创建一个名为yolov5的虚拟环境： ``` conda create -n yolov5 python=3.8 ``` 其中，“yolov5”是您的虚拟环境的名称，您可以根据自己的需要进行更改。 3. 激活虚拟环境 创建完虚拟环境之后，您需要激活它，以便在环境中进行开发。在命令行中输入以下命令来激活yolov5环境： ``` conda activate yolov5 ``` 4. 安装PyQt5和YOLOv5 在激活了虚拟环境之后，您需要安装PyQt5和YOLOv5。您可以在命令行中输入以下命令来安装它们： ``` pip install PyQt5 pip install yolov5 ``` 5. 创建PyQt5界面 在安装了PyQt5之后，您可以使用Qt Designer创建一个PyQt5界面。Qt Designer是一个可视化的界面设计工具，可以让您轻松地创建PyQt5界面。 6. 使用YOLOv5进行目标检测 在安装了YOLOv5之后，您可以使用它进行目标检测。您可以在Python脚本中使用以下代码： ```python import torch from yolov5.models.experimental import attempt_load from yolov5.utils.torch_utils import select_device device = select_device('cpu') model = attempt_load('yolov5s.pt', map_location=device) img = torch.zeros((1, 3, 640, 640), device=device) pred = model(img) print(pred) ``` 其中，“yolov5s.pt”是YOLOv5的预训练模型，您可以在YOLOv5的GitHub页面上下载它。 7. 将PyQt5界面与YOLOv5集成 最后，您需要将PyQt5界面与YOLOv5集成起来，以便您可以在界面上使用YOLOv5进行目标检测。您可以在Python脚本中使用以下代码： ```python import sys from PyQt5.QtWidgets import QApplication, QMainWindow from PyQt5.QtGui import QPixmap from yolov5.models.experimental import attempt_load from yolov5.utils.torch_utils import select_device class MainWindow(QMainWindow): def __init__(self): super().__init__() self.setWindowTitle('PyQt5-YOLOv5目标检测平台') self.setGeometry(100, 100, 800, 600) self.label = QLabel(self) self.label.setGeometry(50, 50, 640, 480) self.show() if __name__ == '__main__': app = QApplication(sys.argv) window = MainWindow() sys.exit(app.exec_()) ``` 这段代码创建了一个名为“PyQt5-YOLOv5目标检测平台”的窗口，并在窗口上添加了一个标签。您可以使用这个标签来显示检测到的目标。 以上就是手把手教您搭建属于自己的PyQt5-YOLOv5目标检测平台的保姆级教程。希望对您有所帮助！

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值