欢迎光临散文网 会员登陆 & 注册

如何在码云Gitee中部署个人静态网站?git提交网站

2020-06-22 19:28 作者:黑马pink讲前端  | 我要投稿


很多小伙伴自己做了个人网站,想要网上分享给其他人。

但是

1. 还需要申请域名空间,需要一定的银子,但是我不想花钱~~~

2. 想要部署多个网站就需要设置好多,有些麻烦。

这里pink老师给大家介绍下,利用在码云中部署自己的个人静态网站, 愿意部署多少个就多少个,而且不花钱哦!来,左边画个龙,右手点个赞,走起~~~~

同学们,先点击这个链接,看看我发布的网站吧~

http://xiaoqiang001.gitee.io/myproject/

呃呃呃,需要pink老师出个视频来讲解吗,需要的小伙伴一键三连,并且在评论区打1, pink老师就给大家再出个视频教程哈~~~


视频已经给大家准备好,尽情享用:

https://www.bilibili.com/video/BV1dK411n7an?p=27     git 提交网站

https://www.bilibili.com/video/BV1dK411n7an?p=28     码云部署发布

一、目标

pink老师本地有个网站,想要发布到网上,生成域名,别人可以访问。

本地网站

二、在码云里面新建一个仓库

什么? 你还么有码云账号~~  别说认识pink老师哦~~ 嘿嘿,赶紧去注册一个吧~~

  1.  新建仓库

创建新的仓库

2. 设置仓库基本信息

设置仓库基本信息

3. 提示创建仓库完成

仓库信息

三、利用Git提交到码云里面仓库里面

1. 安装完git软件。  

 git软件在我上一篇文章里面有。https://www.bilibili.com/read/cv6461930

2. 在网站根目录下空白处,右击选择 --> Git Bash Here  

打开git软件

  

启动git软件

 3. 初始化仓库输入一下命令:

初始化仓库

输入完命令后,按下回车

4. 把本地文件放入暂存区输入命令  

git  add  .      

(注意add后面有个 点 )

继续按下回车

提交暂存区git

5. 把 暂存区文件放入本地仓库里面

git commit -m  '提交个人网站' 

提交到本地仓库

6. 链接远程码云仓库

git remote add origin git@gitee.com:xiaoqiang001/myproject.git

按下回车

链接远程仓库

注意语法格式哦:

git remote add origin 你的仓库地址

千万不要复制我的哈, 我地址和你仓库地址不一样,去刚才创建的仓库去复制

你的仓库地址可以这里得到:

7. 把本地仓库的网站推送到码云远程仓库里面

git push -u origin master

然后按下回车

推送代码

如果出现以下画面,说明上传成功

8. 从新刷新你的仓库,你会发现你的仓库发生了变化,你的仓库已经有网站啦~~

提交成功

四、部署发布静态网站

下面就非常重要啦,可以把我们仓库里面的网站生成域名发布啦。来,继续左手画个龙,右手点个赞~~~~

  1. 点击仓库上方的  服务  菜单  ----  选择   Gitee Pages  按钮 

Gitee Pages

2.  可以直接点击启动按钮

启动服务

3. 稍等一下,就会发现多了一个域名,这个域名就是别人可以直接访问的域名啦

4. 测试下域名吧,这样别人就可以通过这个域名访问你的网站啦。

发布网站

五、总结

总共分三大步:

  1.  在码云里面创建新的仓库

  2. 利用git 上传本地网站到仓库里面

  3.  配置仓库服务,部署发布网站

但是要求本地网站是静态的,而且必须有index.html文件哦~~~ 

因为码云里面可以创建很多仓库,那你就可以发布很多网站啦, 当然github也可以,就是速度有点慢~~

怎么样,学会了吗,是不是很简单, 呃呃, 需要pink老师出个视频来讲解吗,需要的小伙伴一键三连,并且在评论区打1, pink老师就给大家再出个视频教程哈~~~

pink老师不怕麻烦,就怕各位同学不给pink老师点赞和关注哈~~

如何在码云Gitee中部署个人静态网站?git提交网站的评论 (共 条)

分享到微博请遵守国家法律