将web前端项目部署到github,在hbuilderx中部署github中的项目、对Github加速

0 前言

本文主要内容:如何使用github管理项目

github网址:https://github.com/
b站视频:https://www.bilibili.com/video/BV1td4y167M7/

1 注册github

如果你没有github的账号,那需要注册一个

注册github可以参考(我随便搜的一篇哦):https://zhuanlan.zhihu.com/p/103268406

当然,由于github在国内速度慢,我们得有个提速的工具,那就是码云,我们可以将github的项目同步到码云中,以起到提速作用

码云官网:https://gitee.com/login

2 github desktop 下载安装

github desktop官网(下载软件):https://desktop.github.com/

当你下载的时候会发现,速度实在太慢,没关系,我提供了阿里云盘的下载链接:

github desktop:https://www.aliyundrive.com/s/QsFJ13Tv99V

在这里插入图片描述

下载好后,就用自己的github账号登陆

在这里插入图片描述

github desktop 参考教程:

GitHub Desktop 使用入门

Github Desktop 纯萌新入门教程

3 git下载安装

我们还需要安装git,才能在hbuilder上链接github的项目。
git官网(下载软件):https://git-scm.com/download/win
在这里插入图片描述

当然你也会发现下载速度非常慢,我也提供了阿里云盘的下载链接:
git:https://www.aliyundrive.com/s/QsFJ13Tv99V
在这里插入图片描述

下载好后,就是安装,安装的时候要记住安装的路径,待会儿会用到。

我安装的路径如下:D:\Git
在这里插入图片描述

4 Tortoisegit 下载

官网下载:https://tortoisegit.org/download/
当然你也会发现下载速度非常慢,我也提供了阿里云盘的下载链接:
git:https://www.aliyundrive.com/s/QsFJ13Tv99V
在这里插入图片描述
我安装的路径如下:D:\TortoiseGit
在这里插入图片描述

5 github中创建项目

进入你的github主页,点击右边的➕,点击New repository
在这里插入图片描述

只需要填个项目名字,选择Add a README file,其它默认。
在这里插入图片描述

点击最下面的 create repository,就完成了创建
在这里插入图片描述

6 github desktop中同步与部署项目

打开github desktop,点击 clone repository
在这里插入图片描述
选择从GitHub.com中获取项目,再选择刚刚所创建的项目,再选择存放位置
在这里插入图片描述

clone下来后,找到项目所在目录

接下来就是把之前的web前端项目复制到web-demo
在这里插入图片描述

在这里插入图片描述

然后再打开github desktop,将本地项目部署到github中,写入描述,点击Commit to main

在这里插入图片描述

再点击Push origin左边的向上的箭头,完成部署
在这里插入图片描述

到github上看看,如下图

在这里插入图片描述

7 在hbuilderx中部署github中的项目

如果某一天,你需要用到github上的项目,你该如何使用hbuilderx将其部署到本地呢?

先到github中,复制项目链接
在这里插入图片描述

然后,打开hbuilderx的文件 --> 导入 --> 从Git导入
在这里插入图片描述
在这里插入图片描述
点击OK
在这里插入图片描述
点击Close
在这里插入图片描述
最后项目就拷贝下来了
在这里插入图片描述

8 Github做一个完全免费的个人网站

打开我们的github的项目,点击Settings
在这里插入图片描述

点击Pages
在这里插入图片描述
在GitHub Pages下选择Branch中的main

在这里插入图片描述
等待一会儿

重新进入 GitHub Pages,网站链接就出现了
在这里插入图片描述
点击查看

在这里插入图片描述
参考视频:
【网站搭建】4分钟用github搭建个人(博客)网站!小白专属!

9 github 提速

参考视频:
『教程』手把手教你流畅访问Github

在这里插入图片描述

https://uu.163.com/

在这里插入图片描述

在这里插入图片描述

然后点击开始加速
在这里插入图片描述

当你再次访问github时,你会发现,不卡了。

猜你喜欢

转载自blog.csdn.net/WhiffeYF/article/details/126840978