相信大多数人写代码都了解过github这个代码托管的地方,然而访问会是如此让人蛋疼,那个小圆圈转了一遍又一遍,令人难以接受。相信也有很多人,用hexo或者其他的方式搭建过个人的博客,使用github-page,别人访问你的博客也是慢的流口水,并且仅仅支持本地编译以及部署。


一、前期准备工作

首先,注册一个七牛云账号(用过七牛云的同学可以忽略);一个静态博客(当然你也可以用类似的方式搭建动态的博客,因为gitee-go支持很多,这篇文章我以hexo搭建的静态博客为例);一个gitee账号(用过gitee的同学可以忽略);一个备案过的域名(因为七牛云给的域名只有临时的三十天的使用期限,备案的域名可以无条件使用并且还是自己的域名)

二、实现本地打包编译上传到七牛云对象存储

本步骤网上有太多教程,我不在过多赘述,大家可以网上搜索,我提供一个比较好的解说地址:将hexo博客一键部署到七牛云 - 简书 (jianshu.com)。当然有些人也使用了npm的插件:hexo-qiniu-uploader七牛云上传插件 - Sushome。完成以上操作,实现本地编译并打包上传至七牛云。上传后会有一个坑,就是用域名访问是404,我们在对象存储的空间管理打开这个就好:

gitlab流水线在哪 gitee 流水线_gitlab流水线在哪

当完成这个,输入域名能够访问,即你的第一步已经成功。

三、gitee创建源码仓库

这个步骤在github创建仓库类似,只需将你本地的源码使用git管理并能push到gitee的远程仓库即可(远程仓库最好是私有的),如下图是我创建的hexo源码仓库:

gitlab流水线在哪 gitee 流水线_ci_02

四、开通gitee-go

这一步企业用户大家可以参考官方文档创建即可,个人用户第一次创建先使用快速体验,可以进入的免费领取500分钟体验时间的网址,不然就算你创建完流水线之后,也是不能用的,如图:

gitlab流水线在哪 gitee 流水线_gitee-go_03

gitlab流水线在哪 gitee 流水线_gitee-go_04

当领取完成后,直接关掉,直接同意并打开gitee-go即可。

五、编写gitee-go流水线

流水线创建方式用两种,直接参考官方文档编写yaml创建,手动推拽式创建。

1、直接参考官方文档编写yaml创建

点击新建流水线,查看源码视图,编写yaml:

gitlab流水线在哪 gitee 流水线_git_05

因为它这个编译器代码颜色凸显不是很明显,所以我这边是直接先保存,然后git pull把代码拉下来,直接在ide(idea、vscode等)中编写,如图,拉去最新代码后,在.workflow里面的yaml就是已经创建的流水线yaml:

gitlab流水线在哪 gitee 流水线_git_06

一下就是我的流水线源码(仅供参考,大家可以按照自己的需求,适当修改):

version: '1.0'
name: hexo-master-pipeline
displayName: hexo-master-pipeline
stages:
  - stage: ''
    name: stage_1
    displayName: stage_display_1
    steps:
      - step: build@nodejs
        name: build_nodejs_68
        displayName: Nodejs 构建
        nodeVersion: 10.17.0
        failFast: true
        commands:
          - node -v
          - npm -v
          - chmod 777 qshell
          - ls -l
          - export PATH=$PATH:$(echo `pwd`)
          - qshell -v
          - qshell account $QINIUAK $QINIUSK 1043110319@qq.com
          - qshell user ls
          - sed -i "s:file_path:$(echo "`pwd`/public"):" upload-giteego.conf
          - cat upload-giteego.conf
          - npm install
          - npm run giteePush

triggers:
  push:
    branches:
      include:
        - master




2、拖拽式编写

本文不做过多赘述,在流水线编排初,点点鼠标,敲敲键盘即可

gitlab流水线在哪 gitee 流水线_git_07

六、完事具备,只欠起飞

当我们全部编写完流水线,做完准备工作之后,直接git push代码,吃着火锅唱着歌,突然访问网址首页,就能看到自己博客的更新了,不在需要本地的编译部署了,解放自己的电脑,让机器自动化吧。备注:因为我做的策略是master push就自动调取流水线,所以我本地在dev分支编写测试没问题后,本地merge,然后push上去的。当然大家可以使用PR的方式实现流水线自动化,可以参考官方文档切换即可。

官方文档地址:Gitee Go 快速入门 - Gitee.com