教你一招，利用Gitee自带的Gitee Pages，不需要服务器也能拥有自己的网站

首先，这种方法只适用于不需要数据交互的网站，即静态数据网站

那么，需要做些什么？

一、首先我们要拥有自己的Gitee账号

大家注册的时候不要像我一样带一些乱七八糟的符号，因为这样有些软件会识别不出这是一个链接，前往注册>>

二、建立一个公共仓库

必须是开源的

三、上传我们的项目，但是项目必须符合以下目录结构

index.html一定是在最外层

怎么上传？

1、直接建文件夹上传（不推荐）

2、通过Git指令上传

这里就不详说了，有需要可以看我以前的文章
使用git命令上传/更新项目到github
顺便附上Git2.27.0.1下载地址
gitee和github其实都可以实现，这里推荐用gitee的原因是github是国外网站，国内访问不稳定。

四、上传成功后，我们可以在服务这里找到Gitee Pages

点进去后按提示开启就行，后面项目变动更新，也是在这里面更新一下就行

五、应用

像我们的项目展示，个人网站这类网站就非常方便

六、拓展Vue项目展示

在router/index.js里加上mode:"hash"

• index.js

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
    {
        path: '/',
        name: 'index',
        component: () => import('@/views/index.vue')
    },
]

const router = new VueRouter({
    mode:"hash",
    routes
})

export default router

在首页的vue.config.js加上（没有就建一个）

• vue.config.js

module.exports = {
    lintOnSave: false,
    publicPath: "./",
}

然后使用npm run build打包

当我们在目录下看到输出文件dist就可以啦