coding构建vuepress项目

背景

1. vuepress构建博客
2. coding流水线完成自动化构建

coding自动化构建

1. 本地git提交
2. 触发构建规则，触发coding构建流程

coding构建流程

1. 从仓库获取最新代码
2. 安装依赖
3. 生成静态文件
4. cos上传
5. 部署结束

pipeline {
  agent any
  stages {
    stage('检出') {
      steps {
        checkout([$class: 'GitSCM',
        branches: [[name: GIT_BUILD_REF]],
        userRemoteConfigs: [[
          url: GIT_REPO_URL,
          credentialsId: CREDENTIALS_ID
        ]]])
      }
    }
    stage('安装依赖') {
      steps {
        sh 'npm install'
      }
    }
    stage('编译') {
      steps {
        sh 'npm run build'
      }
    }
    stage('上传到 COS Bucket') {
      steps {
        sh "coscmd config -a ${COS_SECRET_ID} -s ${COS_SECRET_KEY} -b ${COS_BUCKET_NAME} -r ${COS_BUCKET_REGION}"
        sh "coscmd upload -r ${COS_UPLOAD_FROM_PATH} /"
        echo "上传成功，访问 https://${COS_BUCKET_NAME}.cos-website.${COS_BUCKET_REGION}.myqcloud.com 预览效果"
        echo "您也可以访问原域名 https://${COS_BUCKET_NAME}.cos.${COS_BUCKET_REGION}.myqcloud.com/index.html 预览效果"
      }
    }
  }
}

静态部署

1. 进入腾讯云对象存储--》存储桶列表
2. 自定义域名-添加域名（外网访问域名）
3. 域名管理后台添加域名解析cname类型
4. 自有域名访问

坑

• JavaScript heap out of memory，内存溢出

解决方法：修改build构建命令

"build": vuepress build . 

"build": "node --max_old_space_size=8192 ./node_modules/vuepress/cli.js build ."