作为一个技术人员，成就感源自于哪里？当然自己的成品给大家展示的时候！

那我们没有服务器和域名的时候怎么部署呢？

对，白嫖。

今天给大家带来的就是白嫖github的服务器！

话不多说开始：

1.准备工作,需要有 github账号/git/可以正常运行的项目

1.1github官网

1.2git安装

1.3项目（自己找啊 一般都会有）

2. github环境配置

2.1新建一个仓库，看图：

注意点：

（1）仓库名称后缀必须是： .github.io

.github.io

（2）下面的添加说明电商（这个不是必须的，但是方便）

（3）记录下仓库的地址，一会有用。

至此，github配置完毕！

3.项目打包

众所周知项目打包命令是：

npm run build

但是，这个打包对于github来说有bug（我搞了一下午才搞明白）。 看图：

报错：

Failed to load resource: net::ERR_FILE_NOT_FOUND

怎么解决呢？ 首先，需要在package.json的同级路径中创建 一个新的文件vue.config.js。

在文件内容 中写入下面的代码:

module.exports = {
  publicPath:'./'
}

然后再打包就好啦！

4.部署到github

4.1 找一个空目录打开git

（1）拉去仓库到本地,执行命令：

git clone https://github.com/xxxx/xxxxx    //输入刚才自己创建的仓库地址

会生成一个仓库的本地文件夹。

（2）本地进入仓库,执行命令：

cd  仓库名

（3）把刚才打包的文件复制到这个仓库

（4）推送到远程仓库，按顺序执行命令。

git add .
git pull
git commit -m "推送备注"
git push 

这样就是成功了，至此本地操作全部结束！

5.github设置！

（1）刷新，已经推送成功！

（2）打开设置！

（3）改背景框和分支！

分支：

这时候会有一个地址就是我们项目的静态地址，提交完是蓝色的，等变绿就好啦！

OK，大功告成！

快去分享你的项目吧！给他们露一手！