如何在Github上免费部署网站

背景

部署网站需要服务器,但是如果你只是部署静态网站就可以蹭Github上的免费服务器。因为发现现在的过程和目前其它博客上的推文有差别,所以自己更新一篇。

一、新建仓库(github账号的需要注册)

1.点击右上角图像旁边 + 号,选择“新建仓库”
在这里插入图片描述
2.输入名称创建即可,如果你想让别人看到,必须选Public。
在这里插入图片描述
3.创建成功页面,会给你两种方法的git指令教程-git常用基本命令,但是如果你按部就班操作的话会出现问题,缺少git指令中add命令将内容添加到电脑缓冲区中。我在下面展示一种最简单的方法。
在这里插入图片描述

二、下载仓库

4.有两种协议可以将当前仓库中的内容下载到本地,先选择一种并复制链接。
在这里插入图片描述
5.选择电脑的一个位置(不重要,作为中转站,整完就删了)。右击鼠标右键选择Git Bash Here。没有就是没有Git-下载Git方法
在这里插入图片描述
6.在其中输入下面代码,链接是你自己复制的链接。
在这里插入图片描述

//将仓库中的内容下载至本地
git clone https://………………………………………….git

7.下载完后,会多出一个以你仓库名命名的文件夹
在这里插入图片描述

三、将内容上传到远程仓库里

8.将你需要部署的静态网页复制到下载下的文件夹中
然后继续输入下面命令。输入命令的过程中会提示输入gittee账号和密码,输入对应的密码即可。

//初始化
git init

//进入仓库下
cd 仓库名

//将文件添加到缓存中
git add --all

//将缓存区的内容添加到仓库中
git commit -m "第一次提交"

//修改默认分支
git branch -M main

//使用“git remote add origin”指令,可以轻松地将本地项目连接到远程Git仓库
git remote add origin git@github.com:zs1040144820/RuoYi-master.git

//将提交的内容push到远程仓库中,注意现在是分支是mian不是master
git push -u origin main

9.完成后,我们的内容就上传到了gittee仓库中,刷新一下。
在这里插入图片描述

四、启动Page服务

10.与之前在服务中选择gittee Page不同,现在找不到服务。选择Setting中page
在这里插入图片描述
11.在Branch中选择main,然后点击save。
然后会出现部署好的网址名称。点击网址名称即可观看。
在这里插入图片描述

  • 7
    点赞
  • 26
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
### 回答1: 为了把静态网页部署GitHub 上,你需要以下步骤: 1. 创建一个新的 GitHub 仓库,或者找一个已有的仓库。 2. 在本地的电脑上使用 Git 命令初始化仓库。 3. 将你的静态网页文件添加到仓库中。 4. 使用 Git 命令将这些文件提交到仓库。 5. 将仓库同步到 GitHub 上。 这样你就可以在 GitHub 上查看和访问你的静态网页了。 ### 回答2: 要将静态网页部署GitHub上,可以按照以下步骤进行操作: 1. 创建GitHub账户并登录。如果没有账户,可以在GitHub官网上进行注册。 2. 在GitHub上创建一个新的仓库。点击页面右上角的“+”按钮,选择“New Repository”。 3. 在仓库名称一栏中输入一个适合的名称,例如“my-website”。确保仓库为公开状态,并勾选“Initialize this repository with a README”。 4. 将静态网页的文件夹上传至GitHub仓库。可以使用Git命令行工具或者GitHub Desktop等工具来操作。 5. 打开需要部署的静态网页文件夹,确保其中包含一个名为“index.html”的主页文件。 6. 在GitHub仓库页面中,点击上方导航栏的“Settings”选项。 7. 在“GitHub Pages”部分,将“Source”设置为“main”分支,并点击保存。 8. 等待片刻后,会在同一页面的“GitHub Pages”部分看到一个网址链接,表示网页已经成功部署。可以通过点击链接访问部署后的静态网页。 总结: 将静态网页部署GitHub上需要先创建一个仓库,然后将网页文件夹上传至仓库中,并确保主页文件命名为“index.html”。最后,在仓库的“Settings”中将“Source”设置为“main”分支,即可通过部署后的网址链接访问到静态网页。 ### 回答3: 要将静态网页部署GitHub上,需要完成以下步骤: 1. 创建GitHub仓库:登录GitHub,点击左上角的“+”号,选择“New Repository”创建一个新的仓库。 2. 命名仓库并设置可见性:输入仓库名称,并选择仓库的可见性设置,可以选择公开或私有。 3. 克隆仓库到本地:在本地的终端或命令行中使用以下命令克隆仓库到本地: ``` git clone <GitHub仓库地址> ``` 4. 创建并切换到gh-pages分支:在本地仓库的根目录下,输入以下命令创建并切换到gh-pages分支: ``` git checkout -b gh-pages ``` 5. 将静态网页文件复制到本地仓库:将静态网页的HTML、CSS、JavaScript等文件复制到本地仓库的根目录下。 6. 提交更改并推送到GitHub仓库: ``` git add . git commit -m "Add static webpage files" git push origin gh-pages ``` 7. 等待推送完成后,在GitHub仓库的页面上刷新,就能看到静态网页的文件列表。 8. 访问部署的静态网页:点击GitHub仓库页面上的“Settings”,在“GitHub Pages”部分,找到“Your site is published at”后面的链接,点击即可访问部署的静态网页。 通过以上步骤,可以将静态网页成功部署GitHub上,从而实现在线访问和分享。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值