【玩转腾讯云】腾讯云开发xCODING实现Hexo博客的持续集成

就在昨天，腾讯云云开发发布了新能力支持——云开发静态网站托管能力正式上线了。通过云开发的静态网站托管能力，可以帮助开发者快速上线Web网站。

CODING是国内首个一站式云端软件服务平台，为开发者提供了CODING DevOps整套研发流程管理系统解决方案。目前，CODING已于2019年8月进驻腾讯云。

今天我们将使用CODING的持续集成功能，将我的Hexo静态博客推送到云开发的静态网站托管中去。我将整个流水线绘制了一个示意图，供大家参考。从图上可以看出来，用户只需要手工推送源码，剩下的工作均由流水线完成。

流水线示意图

开通云开发及静态网站托管服务

注意：目前云开发静态网页托管能力仅在腾讯云云开发控制台支持。仅有付费方式为按量付费的环境可开通静态网页托管能力。云开发的静态网页托管能力，目前在开通环境时，静态网页托管服务不会直接开通，而是需要您在环境中单独开通。

开通云开发

登录腾讯云云开发控制台，开通云开发服务，创建云开发环境。在环境设置中记好你的环境ID。

开通静态网站托管能力

在云开发控制台->基础服务->静态网站托管中开通静态网站托管服务。

腾讯云-云 API 密钥授权

目前，TCB CLI支持扫码、使用key两种方式登录，因为后期需要在CI中登录TCB，要尽量避免控制台交互，所以我们选择使用使用key的方式登录TCB。

登录腾讯云访问密钥控制台，进入访问管理->访问密钥->API密钥管理，新建一个API密钥，记好你的SecretId和SecretKey。

注意：建议使用子账号的方式创建API密钥，以保障主账号内资产的安全。请妥善保管好SecretId和SecretKey。

从0构建CODING持续集成流水线

创建一个DevOps项目

首先我们需要在CODING中创建一个DevOps项目，进入项目->代码仓库->克隆，获取仓库的Git地址。这个地址在于，你需要将你hexo的源码直接推送到这个仓库中，即前面流程图中提到的源码库。

构建持续集成流水线

CODING的CI是基于Jenkins的，所以我们直接编写Jenkinsfile就可以了。

在项目->构建与部署->构建中，新建一个构建计划，代码源选择CODING，代码仓库就是刚刚的存放源码的仓库，配置来源选择使用静态配置的Jenkinsfile，确认创建之后，开始流程配置，目前CODING提供了两种流程配置编辑器——图形化编辑器和文本编辑器。这里我们选择文本编辑器。

为什么要选择文本编辑器？

• 逼格高 逼格高 逼格高
• 实际原因：就自定义操作范围而言，文本编辑器所支持的范围比图形化编辑器更大。图形化编辑器

pipeline {
  agent any
  stages {
    stage('检出') {
      steps {
        echo '[检出]正在从目标代码库检出最新源码...'
        checkout([
          $class: 'GitSCM', branches: [[name: env.GIT_BUILD_REF]],
          userRemoteConfigs: [[
            url: env.GIT_REPO_URL,
            credentialsId: env.CREDENTIALS_ID
          ]]
        ])
        echo '[检出]检出源码成功.'
      }
    }
    stage('构建') {
      steps {
        echo '[构建]正在构建Hexo环境并渲染网站静态文件...'
        sh '''npm --version
npm install -g hexo-cli
npm install -g
hexo g
'''
        echo '[构建]构建完成.'
      }
    }
    stage('推送') {
      steps {
        echo '[推送]准备将静态文件推送到TCB云开发...'
        sh 'npm i -g @cloudbase/cli'
        sh 'tcb login --apiKeyId "${SecretId}" --apiKey "${SecretKey}" || echo "Y" || exit 0'
        sh 'tcb hosting:deploy public -e "${envId}" || echo "y" || exit 0'
        echo '[推送]推送完成.'
      }
    }
    stage('事件消息') {
      steps {
        echo '[事件消息]持续集成完成.'
      }
    }
  }
  environment {
    envId = ''
    SecretId = ''
    SecretKey = ''
  }
}

这样，你只需要填写environment中的envId（环境ID）、SecretId和SecretKey（腾讯云API密钥）就可以了。

这时候，切换到图形化界面看一下，你的流水线是不是就构建好了呢？

构建好的流水线

加快构建速度

• 使用cnpm加速hexo环境构建
• 使用缓存，缓存npm目录、和node_modules目录（/root/workspace/node_modules）

验证

将hexo代码推送到该项目中的源码库中，将自动触发构建。

构建过程

查看构建日志，发现推送成功。

构建日志

登录云开发控制台静态网站托管中已经可以看到生成好的hexo文件了。

已在静态网站托管中看到推送的文件

绑定一个域名，开始愉快的玩耍吧。

参考文献

• 新能力|云开发静态网站托管能力正式上线
• TCB CLI文档
• TCB 静态网站托管文档
• CODING持续集成文档