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 6119
许多刚刚接触前端学习的同学在学习了HTML后制作了自己的网页，但HTML格式的网页只能在本地打开，今天搬砖老刘较大家如何创建免费的域名网站（GitHub）上传自己的网页。 一、前期准备工作： 1.注册GitHub账户 地址：GitHub 2.下载安装git。下载地址:Git - Downloads 3.准备好自己制作完成的网页文件 二、GitHub域名创建 1.登录完成后点击 ...
HTML静态网页模板下载大全
03-15
HTML静态网页模板 HTML静态网页模板 HTML静态网页模板
使用GitHub托管静态网页
最新发布
a871923942的博客
06-04 432
如果没有自己的服务器，也没有域名，又想部署静态网页的，那就可以尝试使用GitHub托管自己的静态网页。
用github发布静态网站（一）
weixin_50920579的博客
06-12 2243
1.git bash里需要鼠标右键才可以显示刚刚的复制内容 2.因为pull到远程仓库的时候会在git bash的目录下新建一个项目文件
GitHub如何发布自己的网站（详细教学）
m0_73135216的博客
07-21 3140
GitHub如何发布自己的网站
在github上部署静态页面
qq_58832911的博客
11-24 8827
假如你辛辛苦苦写好了一个静态网页，很想要炫耀一下，让大家都可以通过公网访问看到我的网页。这里有一种最简单的方式，使用gitpage功能，将你的网页通过gitpage部署，大家都可以通过公网看到你的网页了。
只需要3步把自己的网页放在网上（静态网页）
weixin_45957302的博客
11-22 1778
这里更新的话，就是更新你自己的文件即可，比较麻烦，当然对于浏览性质的网页够用了，觉得域名不好看的话，可以购买一个域名。当然，这个充值的钱，充个几块钱用很久了。2. 然后进入到里面点击上穿文件夹，这里就是你的整个html文件或者vue文件。1.进入到（首页右上角）控制台界面，搜索静态网站托管。3. 然后打开你的首页，复制这个连接到网上打开即可。
如何利用GitHub发布个人网站
weixin_51761397的博客
10-04 2896
通过github将个人制作的静态网站发布公开
如何使用Github pages托管网页
Tim_Cookerr的博客
07-03 3797
Github Pages使用教程，绝对的保姆级别教程
保姆级教程：从零构建GitHub Pages静态网站
阿甘兄
10-20 5537
超详细讲解从零构建Github Pages静态网站
GitHub入门教程 手把手教你最简单的开源项目托管
10-20
主要介绍了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文档
记录 | 将Word生成的静态网页部署到Github Page
NLOS的博客
06-11 1463
使用github pages进行托管和发布。
在github上托管属于自己的网页
qq_43313298的博客
08-23 2682
最近看到github上可以托管自己的网页，想尝试一下，最后成功搭建了自己的网页。如果使用公共仓库，托管网页完全免费，如果使用私有仓库，需要升级账户
github上发布自己的网站
w_xiaolin的博客
02-01 4636
github发布自己的网站 到了这里又有小伙伴要问了我可不可以发布自己做的网页我不想发布博客,当然我怎么会说不可以了,hexo是一个成熟的框架用起来是很简洁,很适合新手的,废话不都说我们直接开始吧 首先我先说一下我们要用git这个工具,用来上传,还需要github.com这个代码托管的网站虽然是国外的都是英文不好操作,但是他免费啊,白嫖他不香吗 好吧我们先开始下git这个工具吧https://gi...
使用 github pages, 部署静态网页
weixin_64925940的博客
05-29 3127
使用 github pages, 部署静态网页，github pages上部署后页面空白与页面404问题
手把手教你搭建属于自己的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、付费专栏及课程。

余额充值