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

CV-杨帆 CV-杨帆     2022-12-01     153

关键词:

目录

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时,你会发现,不卡了。

无法使用 github 操作将 React Web 应用程序部署到 Firebase 项目

】无法使用github操作将ReactWeb应用程序部署到Firebase项目【英文标题】:cannotdeployreactwebapptofirebaseprojectusinggithubaction【发布时间】:2020-01-3012:51:51【问题描述】:当我尝试使用GitHub操作部署firebase项目时出现错误我的ci.yaml文件是... 查看详情

如何将java项目部署到github?如何将github的java项目部署到本地(通过idea)?

目录1注册github2githubdesktop下载安装3git下载安装4github中创建项目5githubdesktop中同步与部署项目6在idea中部署github中的项目6.1导入Git6.2从github部署项目到本地github网址:https://github.com/b站视频:https://www.bilibili.com/video/BV1m14y 查看详情

将项目部署到github的方法

  GitHub是一个面向开源及私有软件项目的托管平台,因为只支持git作为唯一的版本库格式进行托管,故名GitHub。  GitHub于2008年4月10日正式上线,除了Git代码仓库托管及基本的Web管理界面以外,还提供了订阅、讨论组、文本... 查看详情

前端项目自动化部署——超详细教程(jenkinsgithubactions)

本教程主要讲解了怎么使用Jenkins和GithubActions部署前端项目。第一部分是使用Gitea配置局域网git服务器,再使用Jenkins将Gitea下的项目部署到局域网服务器。第二部分是使用GithubActions将Github项目部署到GithubPage和阿里云。阅读本教程... 查看详情

eclipse将web项目部署到tomcat

在eclipse中,选择Window--->Preferences--->Server--->RuntimeEnvironments,选择Add按钮在弹出的对话框中,选择Tomcat服务器的版本,然后点击Next在弹出来的对话框中,选择tomcat的本地路径,JRE的版本等,点击Finish,最后点击OK创建Servers,如... 查看详情

如何将javaweb项目部署到服务器上

项目部署我们对于JavaWeb项目在本地机器(无论是Windows还是Linux)上的部署已经了然于心了,那么对于在云服务器上部署JavaWeb项目又是如何操作的呢?其实很简单,还是离不开Web项目部署的那三点:①基础的JDK环境②一个Web服务器... 查看详情

前端工程化—部署

前端工程化—部署使用脚手架创建初始项目,在本地搭建开发服务器进行项目开发。编码完成后,经过构建生成目标环境可用的代码,到此阶段的所有工作都属于开发环节。下一步的工作需要将代码部署到指定的环境中,方便进... 查看详情

如何将 Blazor WebAssembly .Net 5 独立部署到 GitHub 页面?

...操作,但它们似乎都适用于以.Net2.1Standard为目标的Web组装项目版本。https://swimburger.n 查看详情

将 ASP.NET MVC 应用程序发布到 Web 主机 - 在 VS 项目结构中而不是应用程序中部署文件

】将ASP.NETMVC应用程序发布到Web主机-在VS项目结构中而不是应用程序中部署文件【英文标题】:PublishingASP.NETMVCapplicationtoawebhost-deploysfilesintheVSprojectstructureinsteadoftheapplication【发布时间】:2016-03-3115:03:11【问题描述】:我使用ASP.NET... 查看详情

将反应项目部署到 github 页面面临公共文件夹中图像的问题

】将反应项目部署到github页面面临公共文件夹中图像的问题【英文标题】:Deployingreactprojecttogithubpagesfaceproblemforimageinpublicfolder【发布时间】:2021-11-2312:15:03【问题描述】:我在Github上部署我的reactjs项目时遇到了麻烦。简而言之... 查看详情

web项目部署到webapps下与部署在root目录下

1.如何部署到tomcat下  将完成的项目打成war包,放到tomcat下的webapps目录下  2.启动tomcat自动生成项目文件  bin目录下的  startup.sh  用于启动  shutdown.sh用于关闭3.启动好如下图4.这个时候其实已经项目部署成功了,通... 查看详情

web项目部署到webapps下与部署在root目录下

1.如何部署到tomcat下  将完成的项目打成war包,放到tomcat下的webapps目录下  2.启动tomcat自动生成项目文件  bin目录下的  startup.sh  用于启动  shutdown.sh用于关闭3.启动好如下图4.这个时候其实已经项目部署成功了,通... 查看详情

如何将 vuejs 项目部署到 heroku

】如何将vuejs项目部署到heroku【英文标题】:Howtodeployavuejsprojecttoheroku【发布时间】:2018-02-1713:11:33【问题描述】:我正在本地处理这个项目https://github.com/misterGF/CoPilot,但现在它已经完成了,我想把它推送到heroku。问题是告诉her... 查看详情

解决无法将java项目部署到tomcat中去

projectfacetsjava转成web项目  用Eclipse开发项目的时候,把一个Web项目导入到Eclipse里会变成了一个Java工程,将无法在Tomcat中进行部署运行。  方法:  1.找到.project文件,找到里面的<natures>标签,查看是否有下面的代码,... 查看详情

如何将 Java Web 应用程序项目从 Eclipse 部署到实时 Tomcat 服务器?

】如何将JavaWeb应用程序项目从Eclipse部署到实时Tomcat服务器?【英文标题】:HowtodeployJavawebapplicationprojectfromEclipsetoliveTomcatserver?【发布时间】:2011-09-2615:33:21【问题描述】:我已经使用HTML、JavaServlet等开发了一个Web应用程序。在... 查看详情

使用 FTP 将 intellij maven 项目部署到 azure Web 应用程序,出现 500 服务器错误

】使用FTP将intellijmaven项目部署到azureWeb应用程序,出现500服务器错误【英文标题】:DeployingintellijmavenprojecttoazurewebappsusingFTP,gettinga500servererror【发布时间】:2019-04-2823:54:51【问题描述】:我一直在尝试使用FTP将intellijjava项目部署... 查看详情

如何使用 Hubot 将 Github 存储库部署到 Heroku?

...他们对他们所做的事情之一就是部署。我正在尝试对我的项目执行相同的操作,该项目的代码托管在GitHub上,而应用程序本身位于Heroku上。我的Hubot也在Herok 查看详情

web前端项目部署到服务器:

参考技术A执行成功后会生成dist文件4.1进入到nginx配置目录:/usr/local/nginx/conf,对nginx.conf文件进行配置使用include可以配置多个.conf文件,如一个项目一个配置文件。在同目录下创建demo文件夹,并创建demo.conf配置文件下面使用是以ip... 查看详情