使用gitee免费部署静态网站

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

准备工作：

1.git账号申请，目前比较流行的有三个，GitHub、GitLab、gitee（本文选用gitee）
2.Git安装，具体教程网上有很多，官网也有
3.编辑工具安装，静态网站的编辑工具有很多，比如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文件夹

四、代码提交推送

安装完成之后，找到Git软件点击鼠标右键、单击 Git Base Here 、打开Git控制台在命令行输入下列命令

# name可以随意命名(可以中文)，邮箱建议使用自己QQ邮箱
git config --global user.name ""
git config --global user.email ""

Gitee 提供了基于SSH协议的Git服务，在使用SSH协议访问仓库之前，需要先配置好账户/仓库的SSH公钥。

按如下命令按照提示完成三次回车，即可生成 ssh key。输入cat ~/.ssh/id_rsa.pub 查看你的 public key（公钥）

//建议邮箱同上面注册的邮箱，注意：这里的 xxxxx@xxxxx.com 只是生成的 sshkey 的名称，并不约束或要求具体命名为某个邮箱。
ssh-keygen -t rsa -C "xxx@xxx.com"
//查看公钥文件
cat ~/.ssh/id_rsa.pub

复制生成后的 ssh key，通过仓库主页「管理」->「部署公钥管理」->「添加部署公钥」，添加生成的 public key 添加到仓库中。

最后一步就是测试是否配置成功，首先进入ssh目录，输入ssh -T git@gitee.com，如果看到以下如图Hello，your name！You 've successfuly authenticated ……即为配置成功

五、部署网页到gitee

首先在网站根目录下空白处，右击选择 --> Git Bash Here

然后继续执行以下命令

//1、初始化仓库
$ git init
//2、把本地文件放入暂存区
$ git add .
//3、把暂存区文件放入本地仓库
git commit -m "个人主页"
//4、git remote add origin 你的仓库地址
git remote add origin https://gitee.com/.......
//5.把本地仓库的网站推送到码云远程仓库
git push -u origin master

输入git命令的过程中可能会提示输入gitee账号和密码，需要填写相应账号和密码、以及按照命令提示输入gitee账户以及用户名即可

成功后来到Git远端仓库，就可以看到我们提交的文件以及日志信息了

六、部署

前边都是项目制作以及远端仓库存储管理相关的东西，接下来开始部署，gitee上提供了一个比较简单的静态网站部署方式，选择服务中的Gitee Pages

如果说你的项目主页面在最外层的话直接点击启动等一会儿就可以了，如果项目中有很多层文件夹，主页面在其中一个文件夹中的话需要指定一下部署目录然后点击启动即可，当然如果有多个分支的话可以根据自己的需求选择需要部署的分支

成功后会有一个地址，这个地址就是我们部署的项目的主入口了，直接粘贴到浏览器中就可以看到了，如果代码有更新的话直接点击更新即可，想要下线的话直接点击暂停即可

到这里整个部署过程就完成了！

gitee免费部署静态网站相关推荐

io静态功耗_如何使用Fast.io从Google云端硬盘直接在3分钟内免费部署静态网站
io静态功耗 In this article, I'll show you how to deploy a static website for free in only 3 minutes, usi ...
Gitee如何免费部署静态网站？
1.网页只能本地浏览,想挂在云端进行访问浏览的 2.想入手云服务器,但服务器太贵了,觉得花钱不值得 3.不知道服务器如何使用和搭建的,对于新手小白不太友好 4.想快速部署网页的,简单配置就可以得到想要 ...
使用内网云+GitHub Pages免费部署动态网站
目录一.失败的经历 1.花生壳 2. nat123 3. 网云穿 4. cpolar 5. ngrok 6.金万维快解析 7.神卓互联 8.内网云(neiwangyun.net) 9.localho ...
Docker 在容器中部署静态网站
Docker 在容器中部署静态网站在容器中部署静态网站设置容器的端口映射 run -P``--publish-all=true|false:容器暴露的所有端口进行映射 -p``--publish= ...
web文件群晖_【原创】群晖NAS 上部署静态网站
概要 1.简介 NAS 除了用来管理文件,用作个人云盘之外,还有很多用途.因为群晖的操作系统 DSM 本身就是一个 Debian 的定制系统,所以完全可以把 NAS 当作一台个人的服务器,你可以在上面 ...
如何使用 Serverless Devs 部署静态网站到函数计算（上）
简介:部署个静态网站到函数计算~ 前言公司经常有一些网站需要发布上线,对比了几款不同的产品后,决定使用阿里云的函数计算(FC)来托管构建出来的静态网站. FC 弹性实例自带的500 Mb 存储空间对 ...
linux pcre静态编译,Linux下，Nginx部署静态网站
1.准备工作选首先安装这几个软件:GCC,PCRE(Perl Compatible Regular Expression),zlib,OpenSSL. Nginx是C写的,需要用GCC编译:Ngin ...
末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站一．Jinkens安装 ...
如何用nginx部署静态网站
准备: 首先,你要有一台服务器,可以是物理服务器或者是云服务器,系统的话可以选择Linux系统,我这里用的是centos. 安装nginx: 1.首先到nginx的官网去下载,链接是http://ng ...
使用Centos7部署静态网站
使用Centos7部署静态网站我在配置过程中参阅了一些博主的文章,收益很大,在此列出: [CentOS7快速上手]4.Nginx安装&配置 - Ken的杂谈在centOs 上搭建nginx ...

gitee免费部署静态网站