学习
实践
活动
专区
工具
TVP
写文章
专栏首页小谈谈的专栏【玩转腾讯云】腾讯云开发xCODING实现Hexo博客的持续集成
原创

【玩转腾讯云】腾讯云开发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文件了。

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

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

参考文献

原创声明,本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

登录 后参与评论
0 条评论

相关文章

  • 【玩转腾讯云】Hexo博客部署腾讯云

    在腾讯云中创建ssh,并将本地的id_rsa.pub中的文件内容全部复制到authorized_keys中

    柠檬y
  • 【玩转腾讯云】九.云开发CloudBase快速上手hexo博客

    ① 在产品控制面板中找到云开发CloudBase——立即使用,进入云开发授权开通页面

    一只特立独行的兔先生
  • 腾讯云开发CloudBase搭建Hexo博客

    这个博客主题太喜欢了qwq,用的很舒服。(除了MarkDown语法的数学相关的没有去学过,其他基本都没有什么问题qwq[Nice])

    筱锋xiao_lfeng
  • 【玩转腾讯云】云开发部署VuePress静态博客

    通过 node -v 命令查看本机是否安装,如果没有安装,参考node.js安装指南 根据电脑系统环境进行安装

    王秀龙
  • 【玩转腾讯云】飞一样的感觉---hexo腾讯云开发部署

    创建一个按量收费的云开发环境(注意一定要是按量收费,创建的时候要小心,每月只能销毁一次)

    Azero
  • 【玩转腾讯云】征文活动获奖名单公布

    由云+社区联合腾讯云免费体验馆及各产品团队举办【玩转腾讯云】征文活动,吸引入驻作者积极参加,非常感谢各位作者的参与。经过评委老师从产品创新性、实用性、可借鉴性、...

    腾讯云开发者社区
  • 【玩转腾讯云】使用Hexo在Cloudbase上搭建自己的静态博客

    Mintimate's Blog:https://www.mintimate.cn

    Mintimate
  • 【腾讯云的1001种玩法】如何腾讯云存储上搭建一个hexo博客

    一.选型我要写文章做博客,我对网站的要求是:1.可以绑定域名,2.访问速度快,3.价格非常便宜,4.不需要操心维护,5.更新方便。 目前有4个选择:1.IaaS...

    李鑫
  • 【玩转腾讯云】WordPress Typecho Hexo 实现消息的及时 QQ 微信 推送

    WordPress 在有新评论的时候,可以有邮件推送,但是长老平时也不是时时刻刻都会打开邮箱看着,所以希望能够将新评论及时地推送到自己的 QQ 或者微信,以便及...

    凝神长老
  • 【玩转腾讯云】在 CODING DevOps 持续集成中使用 Buildx 构建 Docker 镜像

    现在容器化技术快速发展,Docker 镜像作为其基石,构建镜像的技术也在快速演进,去年 Docker 推出的 Buildki 技术试图去解决传统构建镜像过程中所...

    康怀帅
  • 腾讯云社区发表博客的前台JavaScript实现

    版权声明:本文为博主汪子熙原创文章,未经博主允许不得转载。 https://jerry.bl...

    Jerry Wang
  • 【玩转腾讯云】用COS+CDN+CI+Hexo+Next+VsCode+智能DNS搭建丝滑的博客

    对于一般的内容而言,使用动态博客较为复杂,需要数据库、运行环境的配合。动态博客的代码也较为复杂,修改代码进行个性化难度较高。

    羽翰尘
  • 【腾讯云的1001种玩法】Hello Hexo之静态博客搭建+自动部署

    本文通过搭建流程、nginx安装和配置、本地搭建Hexo环境以及自动化部署这四个步骤,给大家介绍如何在腾讯云的CentOS7云主机上部署一个Hexo博客,马上让...

    饶文津
  • 新年新气象,腾讯云开发者平台推出持续集成(beta)功能

    在这万物更新的时节里,腾讯云开发者平台正式推出持续集成(beta)功能,帮助开发者提高项目的交付效率和质量。

    CODING
  • 【玩转腾讯云】游戏多媒体引擎的体验与开发(一)

    腾讯云游戏多媒体引擎(Game Multimedia Engine,GME)提供高质量低成本的一站式语音解决方案,全面覆盖游戏、社交、娱乐、直播、电商等多种泛互...

    张曙光
  • 【玩转腾讯云】游戏多媒体引擎的体验与开发(二)

    注意,这里是sdk下载,不是demo了.下载好了之后还需要解压一下,新建一个unity工程 ,直接将sdk放到Asset文件夹下.

    张曙光

扫码关注腾讯云开发者

领取腾讯云代金券