当前位置: 首页 > news >正文

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

目录

  • 0 前言
  • 1 注册github
  • 2 github desktop 下载安装
  • 3 git下载安装
  • 4 Tortoisegit 下载
  • 5 github中创建项目
  • 6 github desktop中同步与部署项目
  • 7 在hbuilderx中部署github中的项目
  • 8 Github做一个完全免费的个人网站
  • 9 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时,你会发现,不卡了。

相关文章:

  • Pytorch优化器全总结(二)Adadelta、RMSprop、Adam、Adamax、AdamW、NAdam、SparseAdam
  • MFI不告诉你的秘密
  • 【RocketMq 系列】RocketMq 消息重试机制、死信队列
  • 该从什么角度思考npm、yarn与pnpm的区别
  • 分库分表一:ShardingSphere介绍和入门实战
  • Linux内存管理(三十一):页面回收总结
  • 微信小程序│ 游戏开发 │连连看游戏
  • Python每日一练(牛客数据分析篇新题库)——第34天:数据清洗
  • mysql为什么使用B+树
  • 爬虫学习笔记 -- 实战某电影网(lxml库版)
  • hive on spark下row_number()问题排查
  • 最新面试题:用友OC,美团三面已挂
  • 开发者API管理神器Eolink,比postman好用
  • Mysql - 分库分表
  • 计算机毕业设计django基于python的高校奖学金管理系统(源码+系统+mysql数据库+Lw文档)
  • (ckeditor+ckfinder用法)Jquery,js获取ckeditor值
  • 「面试题」如何实现一个圣杯布局?
  • CODING 缺陷管理功能正式开始公测
  • golang中接口赋值与方法集
  • Javascript编码规范
  • Java深入 - 深入理解Java集合
  • python学习笔记 - ThreadLocal
  • thinkphp5.1 easywechat4 微信第三方开放平台
  • webgl (原生)基础入门指南【一】
  • 翻译--Thinking in React
  • 聚类分析——Kmeans
  • 如何正确配置 Ubuntu 14.04 服务器?
  • 深度学习中的信息论知识详解
  • 适配iPhoneX、iPhoneXs、iPhoneXs Max、iPhoneXr 屏幕尺寸及安全区域
  • 数据仓库的几种建模方法
  • 我是如何设计 Upload 上传组件的
  • 学习HTTP相关知识笔记
  • # 计算机视觉入门
  • (02)vite环境变量配置
  • (1)(1.11) SiK Radio v2(一)
  • (k8s中)docker netty OOM问题记录
  • (大众金融)SQL server面试题(1)-总销售量最少的3个型号的车及其总销售量
  • (附源码)springboot“微印象”在线打印预约系统 毕业设计 061642
  • (一)ClickHouse 中的 `MaterializedMySQL` 数据库引擎的使用方法、设置、特性和限制。
  • (一)Neo4j下载安装以及初次使用
  • (转)socket Aio demo
  • (最全解法)输入一个整数,输出该数二进制表示中1的个数。
  • .NET Framework .NET Core与 .NET 的区别
  • .NET Standard / dotnet-core / net472 —— .NET 究竟应该如何大小写?
  • .NET 中使用 TaskCompletionSource 作为线程同步互斥或异步操作的事件
  • .net6+aspose.words导出word并转pdf
  • .NET高级面试指南专题十一【 设计模式介绍,为什么要用设计模式】
  • .net获取当前url各种属性(文件名、参数、域名 等)的方法
  • .NET开源全面方便的第三方登录组件集合 - MrHuo.OAuth
  • .sh 的运行
  • /bin、/sbin、/usr/bin、/usr/sbin
  • /usr/bin/env: node: No such file or directory
  • ?php echo $logosrc[0];?,如何在一行中显示logo和标题?
  • @KafkaListener注解详解(一)| 常用参数详解
  • [ SNOI 2013 ] Quare