首先，Gitlab pages是很简单的，至少比起github pages要简单很多。
Gitlab Pages的原理这是样的：首先，当你新建一个Gitlab项目的时候，你同时也建了一个存储库。
只要你的工程目录的根目录下有.gitlab-ci.yml文件，注意必须严格起这个名字。gitlab runner就会执行这个脚本文件。
脚本的最终目的很简单：把静态文件放入名为public目录下的文件夹内。Gitlab pages会一直去这个存储库的public目录找。注意：这个public是指存储库的public，与项目结构无关。换言之，这个public目录不可见。
也就是说：当你在项目的根目录下添加了.gitlab-ci.yml，且在脚本中将静态文件正确地放入了public文件夹，gitlab page就会自动打开并部署，部署的域名将会默认分配。
当然，如果你不想使用默认的配置，而是想部署到特定的域名和服务器，则需要在yml文件中进行一些docker的配置。
开发者提交代码后,runner检索项目根目录下名为.gitlab-ci.yml的文件，并执行文件中的脚本，脚本内容包括项目的运行，打包，缓存打包文件，转移文件到public目录以供gitlab pages使用。而gitlab pages会到public目录中解析静态文件成页面。
好，现在就来看一下我写的一份CI脚本，首先说一下，CI的代码风格类似于python这种，纯靠缩进来区分层级关系的，所以书写时，缩进是严格的。
下面是代码注释版版的：
building: //自己随便命名的 image: node:latest //node镜像为最新版的，最好指定版本号 stage: build //当前stage阶段为build script: //build阶段运行的脚本 - npm install --progress=false --no-optional //根据package.json来安装依赖 progress设为false是为了不打印安装的具体进度，no optional是为了跳过npm推荐的但不是编译必须的，也没有写在package.json里一些依赖，比如说查看源代码等 - npm run build //打包 artifacts: //工件，可以缓存在gitlab的流水线记录中，供直接下载 expire_in: 3 days //工件缓存的有效时间 paths: //路径 - dist //工件指向的目录，这里指整个dist目录 cache: //缓存 paths: //路径 - node_modules/ //缓存node_mudules将大大提高ci运行的速度 pages: //随便起的名字 stage: deploy //当前阶段为deploy script: //deploy阶段运行的命令 - rm -rf public/* //linux命令，递归无询问删除public目录下所有文件- mv dist/* public //将dist目录下的所有文件都移动到public目录下 artifacts: //工件缓存 expire_in: 3 days //时效为3天 paths: //路径 - public //缓存整个public目录的文件 only: - dev //ceate pages下的所有操作只在dev分支上进行
下载一个工件下来看看：
可以发现我所言非虚。这时候我们把这个提交推到远程。
等待这个流水线跑完，在 项目 --> 设置 --> pages 中，可以看到线上页面已经生成了。
