使用 Cloud Studio 在线搭建、编辑、部署 Hexo

创建工作空间 前往Coding注册一个帐号 登录后点击左边的Cloud Studio

image-20200730224044502

点击设置，将 ssh 公钥添加到Coding或Github或者其他的 Git 仓库的个人公钥列表

image-20200730224315479

点击工作空间，新建工作空间

image-20200730224447849

工作空间名称能自己看懂就行，运行环境选择预置环境、Node.js，代码来源选空，然后创建

image-20200730225232881

点击刚刚创建的工作空间 按下键盘Ctrl+~打开终端

按照官方教程依次输入以下命令就可以了

1
2
3
4
npm install hexo-cli -g
hexo init blog
cd blog
npm install

到这里一个博客就基本搭建完成了，其他的去看Hexo 官方文档就可以了 已经搭建好了 Hexo 工作空间名称能自己看懂就行，运行环境选择预置环境、Node.js，代码来源选仓库，并在下面输入你源码仓库的SSH地址，然后创建 我已经搭建好了 点击刚刚创建的工作空间，它会自动克隆你的源码，你只需要运行

1
npm install

命令安装所需依赖就可以了 预览 我们在本地只需运行hexo server就可以在http://localhost:4000预览了，

Cloud Studio的话运行hexo server命令后，

需要Ctrl+Shift+P打开命令面板，输入preview,选择Preview: Open Preview Tab输入端口号（默认 4000）回车就可以了

github自动部署

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
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 {
        sh 'npm install hexo-cli -g'
        sh 'npm install hexo -S'
      }
    }
    stage('生成页面') {
      steps {
        sh 'hexo clean'
        sh 'hexo generate'
      }
    }
    stage('发布网页') {
      steps {
        sh 'git config --global user.name \'用户名\''
        sh 'git config --global user.email \'邮箱\''
        sh 'hexo deploy'
      }
    }
  }
}

coding自动部署

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
pipeline {
  agent any
  stages {
    stage('克隆项目') {
      steps {
        sh 'git clone https://令牌@e.coding.net/username/repository/repository.git .'
        sh 'ls -a'
      }
    }
    stage('安装依赖') {
      steps {
        sh 'ls -a'
        sh 'npm install -g hexo-cli'
        sh 'npm install hexo --save'
      }
    }
    stage('构建发布') {
      steps {
        sh 'hexo clean && hexo g && hexo deploy'
      }
    }
  }
}