2020年9月新版Coding静态网站由腾讯云静态网站提供服务,因此是收费的,可参见《Coding Pages 与腾讯云静态网站合并后变相为收费

看官网文档是支持Jekyll,Hexo,Gatsby,Zola预编译功能的,因此如果你现在用的是新版,不妨看看官网文档的方案,而不是下面方案,虽然下面方案也适用Coding新版。

流程介绍

前面写了一篇文章《Github Actions自动部署Hexo博客》,是可以通过Github本身自带的持续集成功能来处理hexo项目,从而免去了在本地执行这项操作,只需要在Github上编写Markdown文档即可实现自动部署到hexo博客。

这篇文章也是这个思路,但用的是coding自带的持续集成功能,那么跟《Coding持续集成自动同步到GitHub》有什么区别呢?

区别还是有的,《Coding持续集成自动同步到GitHub》这篇文章用的还是需要在本地执行hexo g命令生成好后,再通过git pushCoding Pages仓库,从而触发coding的持续集成自动同步到Github Pages仓库。

这样,既可以通过coding的持续集成推送到coding pages仓库,再次触发coding pages的文件自动同步到github pages,就能做到一次更新完成两个节点的部署。

coding申请与创建

首先注册coding,需要验证你手机号,这点没有github方便。然后新建一个项目,选择项目模板为代码托管项目即可。

项目名称随意,项目标志我这里命名为hexo-blog,这个用来存放hexo g后生成的静态网页文件,如果你已经有了,则不需要再创建。

然后点击代码仓库,快速初始化仓库,勾选启用README.md文件初始化仓库后进行初始化。点击代码仓库默认的就是你刚创建的这个仓库,点击右边靠上的克隆记下你的地址,后面repo的时候会用到。

coding新建仓库

同样再次新建代码仓库,不需要新建项目了,仓库名称我这里为hexo-source,仓库类型为GIT仓库,勾选启用 README.md 文件初始化项目确认完成,这个是用来存放hexo的源文件,比如博客主题之类的hexo必须文件。

再次找到项目下的项目设置,在左下角,点击进入项目与成员功能开关 ,全部都开启它,在继续点击左侧的开发者选项项目令牌新建项目令牌,令牌名称自己填写,过期时间自己酌情选择。

在代码仓库权限中为hexo-blog勾选读写.推送至代码仓库权限后新建令牌。记下令牌的用户名密码

上传代码

将Hexo源文件传入到hexo-source仓库,源文件有如下文件和文件夹:

  • scaffolds文件夹
  • source文件夹
  • themes文件夹
  • _config.yml
  • package.json
  • package-lock.json

配置coding持续集成-方案1

配置_config.yml文件,也可以先配置好在上传,也可以在coding上修改。

deploy:
  type: git
  repo: https://令牌用户名:访问令牌@e.coding.net/coding用户名/hexo-blog/hexo-blog.git
  branch: master

其中e.coding.net/coding用户名/hexo-blog/hexo-blog.git 就是上面申请hexo-blog仓库克隆中的地址,不过这里去掉https://加到@后面即可。

点击持续集成构建计划自定义构建过程,代码仓库选择hexo-source确定后,进入配置流程,选择文本编辑器贴入下面代码。此时,你在hexo-source更新文章会进行持续构建,然后push至hexo-blog仓库。代码如有复制不便,移步到 https://gitee.com/ct2/web/blob/master/coding-ci-hexo.md

pipeline {
agent any
stages {
    stage('检出') {
      steps {
        checkout([$class: 'GitSCM', branches: [[name: env.GIT_BUILD_REF]],
                                            userRemoteConfigs: [[url: env.GIT_REPO_URL, credentialsId: env.CREDENTIALS_ID]]])
      }
    }
    stage('构建') {
      steps {
        echo '构建中...'
        sh 'node -v'
        sh 'npm install -g hexo-cli'
        sh 'npm install hexo --save'
        sh 'npm install -g hexo-generator-searchdb'
        sh 'npm install -g'
        echo '构建完成.'
      }
    }
    stage('测试') {
      steps {
        echo '单元测试中...'
        sh 'hexo clean'
        sh 'hexo g '
        echo '单元测试完成.'
      }
    }
    stage('部署') {
      steps {
        echo '部署中...'
        sh 'npm install hexo-deployer-git --save'
        sh 'hexo deploy'
        echo '部署完成'
      }
    }
  }
}

配置coding持续集成-方案2

在《配置coding持续集成-方案1》中,缺点是token以明文形式在日志中输出,而coding是支持提供环境变量保密配置的。

过程如下,把下面代码替换上面中的代码,然后参考《Coding持续集成自动同步到GitHub》中的 配置Coding-Ci这一小节,即可完成配置。

pipeline {
    agent {
       docker {
           registryUrl 'https://coding-public-docker.pkg.coding.net'
           image 'public/docker/nodejs:12'
       }
   }
 stages {
   stage('检出') {
     steps {
       checkout([$class: 'GitSCM', branches: [[name: env.GIT_BUILD_REF]], userRemoteConfigs: [[url: env.GIT_REPO_URL, credentialsId: env.CREDENTIALS_ID]]])
     }
   }
   stage('环境') {
     steps {
       echo '构建中...'
       sh 'npm config set registry http://mirrors.cloud.tencent.com/npm/'
       sh 'npm install'
       sh 'node -v && npm -v'
       sh 'npm install -g hexo-cli'
       sh 'npm install hexo --save'
       sh 'npm install -g hexo-generator-searchdb'
       sh 'npm install -g'
       sh 'hexo -v'
       echo '构建完成.'
     }
   }
   stage('生产') {
     steps {
       echo '生产中...'
       sh 'hexo clean'
       sh 'hexo g'
       echo '生产完成.'
     }
   }
   stage('部署') {
     steps {
       echo '部署中...'
       dir(path: 'public') {
         sh 'ls'
         sh 'git init'
         sh 'git config user.name $USER_NAME'
         sh 'git config user.email $USER_EMAIL'
         sh 'git add -A'
         sh 'git commit -m "$GIT_COMMIT"'
         sh 'git push -u -f "$USER_PROJECT" master:master'
       }
       echo '部署完成'
     }
   }
 }
}

USER_NAME=填写你的名称;
USER_EMAIL=填写你的邮件;
USER_PROJECT=https://子账号名:子账号的密码@项目地址,其实就是方案1中_config.yml配置文件中的 repo:的地址 https://令牌用户名:访问令牌@e.coding.net/coding用户名/hexo-blog/hexo-blog.git,此时你还可以删除_config.yml配置中的repo等字段。