在gitee码云上搭建一个网站

个人用户平时会自己练习一些项目,但是大多数时候这些项目都是在本地查看。如果想让他人能够看到自己制作的网站项目应该怎么办呢?

  • 发布到服务器上

一般来说,域名和服务器都需要钱去购买,比如腾讯云和阿里云服务器,如果想使用阿里云去搭建一个个人网站,可以去参考这篇文章:域名和服务器的购买和配置

当然,这里也有一种免费的选择,可以将网站项目配置到GitHub或者gitee上面进行查看,本文主要说的就是如何在gitee码云上搭建一个网站(゜▽^*))

第一步

在码云上创建一个个人仓库,仓库的名字要和用户名相同
在这里插入图片描述
此时仓库已经创建完毕
在这里插入图片描述

第二步

将想要展示的网站页面提交到该仓库中,需要一个index.html页面

我制作了一个个人组件的API网站,将项目进行npm run build打包后的dist提交至该仓库中
在这里插入图片描述

在这里插入图片描述

注意

打包后index.html文件中static文件夹使用的路径为绝对路径,所以需要修改为相对路径
可以参考:npm run build打包路径问题
在这里插入图片描述

在这里插入图片描述

仓库中以接受到本次提交,我使用的提交工具是Tortoisegit,具体的使用方式可以参考这篇博文:Tortoisegit工具的安装和使用

在这里插入图片描述

第三步

进入gitee pages页面中进行设置
在这里插入图片描述


Gitee Pages页面,点击启动即可

在这里插入图片描述


启动成功
在这里插入图片描述

终点

现在,网站已经成功发布到gitee码云上面了,可以通过网站网址进行访问了
http://wzckongchengji.gitee.io/kongchengji

网站效果:
在这里插入图片描述

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_36171287/article/details/113729262