使用gitee免费部署静态网站

使用gitee免费部署静态网站

今天介绍一个免费部署项目的方式,当然这个方式只能是部署静态网站,具体静态网站是啥这里就不介绍了。
本文适合对象:新手小白
如果是程序员老手,只是想看下怎么部署的话直接跳转到步骤五开始看即可

准备工作:

1.git账号申请,目前比较流行的有三个,GitHub、GitLab、gitee(本文选用gitee)
2.Git安装,具体教程网上有很多,官网也有,本文附带了安装包
3.海龟Git安装(可选),相当于Git的可视化工具,不需要手敲命令,本文附带了安装包以及汉化工具
4.编辑工具安装,静态网站的编辑工具有很多,比如Hbuilder、vscode(推荐)、Dreamweaver等等,当然你也可以选择直接用记事本编辑(前提是你够厉害不会出错)

步骤:

一、项目编辑运行

首先第一步肯定是要编辑代码制作一个静态网站项目,本文主要是静态网站免费部署的教程,所以这里只是做一个简单的代码示范:
1.本地创建一个文件夹test(名字最好根据项目内容起)
2.创建一个后缀为html的文件
3.写入如下代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>网站标题</title>
</head>
<body>
    程序员小武生的一个静态网站
</body>
</html>

4.保存后使用浏览器打开该文件试一下,如果浏览器出现如下图所示内容则表示代码没有问题可以运行:
在这里插入图片描述

二、创建远端Git仓库

1.在gitee上创建一个远端仓库并且填写仓库名称后直接创建即可
在这里插入图片描述
2.创建好后复制远端仓库地址
在这里插入图片描述

三、创建本地仓库

在本地项目目录中鼠标右键空白地方选择创建版本库,点击确定(这一步是在自己本地创建git仓库,上一步是创建远端仓库),创建号之后目录中会出现一个.git文件夹
在这里插入图片描述

四、代码提交推送

继续空白地方鼠标右键选择同步——》提交——》选择需要提交的文件并填写日志信息,最好勾选设置作者日期和设置作者两个选项——》点击提交并推送(这一步也可以分开操作,提交是指将文件提到自己本地仓库,推送是将本地仓库中数据推送到远端仓库)——》第一次推送会弹出弹框选择管理——》将远端仓库地址粘贴到url中点击添加保存,确定即可。如果有报错的话需要百度解决一下,报错可能太多,这里就不一一介绍了
在这里插入图片描述
成功后来到Git远端仓库,就可以看到我们提交的文件以及日志信息了
在这里插入图片描述

五、部署

前边都是项目制作以及远端仓库存储管理相关的东西,接下来开始部署,gitee上提供了一个比较简单的静态网站部署方式,选择服务中的Gitee Pages
在这里插入图片描述
如果说你的项目主页面在最外层的话直接点击启动等一会儿就可以了,如果项目中有很多层文件夹,主页面在其中一个文件夹中的话需要指定一下部署目录然后点击启动即可,当然如果有多个分支的话可以根据自己的需求选择需要部署的分支
在这里插入图片描述
成功后会有一个地址,这个地址就是我们部署的项目的主入口了,直接粘贴到浏览器中就可以看到了,如果代码有更新的话直接点击更新即可,想要下线的话直接点击暂停即可
在这里插入图片描述
到这里整个部署过程就完成了!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章