序

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

发布到服务器上

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

当然，这里也有一种免费的选择，可以将网站项目配置到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

网站效果：

在gitee码云上搭建一个网站相关推荐

如何在阿里云上搭建个人网站(学习记录)
如何在阿里云上搭建个人网站(学习记录) 第一次写博客记录学习的过程,不仅可以巩固学习知识,也方便日后复习.并且可以记录自己的成长. 先购买阿里ECS云服务器购买网站https://promotion ...
使用华为云服务器搭建一个网站
华为云服务器的简单使用一. 购买服务器: 到华为云官网上,貌似学生认证购买能优惠挺多的. 进入控制台就能看到自己的服务器了,下面是我的服务器: 二. 设置安全组点击自己的云服务器进去,看到这个界面 ...
在gitee码云上用 git 新建分支
需求: 开发中遇到优化请求,但是尚未测试通过,不能直接并入主版本. 此时考虑新建git分支.以gitee为例: 1.在gitee项目中新建一个远程分支,我取名dev 2.打开本地项目git命令终端,新 ...
github/gitee码云文件上传提交记录教程
例如上传提交一个文件到gitee(码云)上,例如这个轮播图代码 1 //git初始化 git init 2 //获取git文件状态 git status 可以看出文件还没有commit 3 git a ...
码云 + Hexo 搭建个人博客
文章比较长,需要侧边栏目录的,可以点击我的个人博客地址:http://zwd596257180.gitee.io/blog 如果有什么问题想问的,请在 CSDN 上留言. 准备环境安装 Node 安 ...
如何使用git上传本地文件到码云上【详细步骤】
1.首先进入项目的目录下,比如: 2.然后右键空白区域打开,进入git bash,git的安装就不说了,自行翻阅 git专栏 3.在码云上建立一个仓库.然后输入以下命令: git config - ...
md 生成目录码云_搭建简易博客方案
现在大家都喜欢用markdown来写技术博客,这篇文章将阐述搭建支持markdown的简易博客方法. 我的写作需求通过阅读本文,您将学会搭建满足以下条件的博客: 博客只用书写markdown文件能 ...
把项目放到码云上，通过git 进行项目管理
1.在码云上新建一个项目把使用 Readme文件初始化这个项目这个勾选去掉项目生成后会看到码云的git 简易的命令行入门教程: Git 全局设置: git config --global us ...
Hexo+gitee：30分钟搭建一个自己的个人博客网站欢迎友链呀＜(▰˘◡˘▰)
Hexo + Gitee 部署自己的个人博客目前市场上比较火的一些博客框架: Hexo.jekyll.Solo.Halo .gohugo.VuePress.wordpress 等等 ,这些都是开 ...
码云Pages搭建个人静态网站之旅
码云Pages搭建个人静态网站之旅 1.前言 2.搭建之旅 1.撸起袖子干 2.成果展示 1.前言码云 Pages 是一个免费的静态网页托管服务,您可以使用码云 Pages 托管博客.项目官网等静 ...

在gitee码云上搭建一个网站

序

第一步

第二步

注意

第三步

终点

在gitee码云上搭建一个网站相关推荐

最新文章

热门文章