0%

使用Jenkins部署Hexo

前言

本文通过Jenkins自动部署

之前我的个人博客使用的是Halo,不过服务器到期我又懒得备份,东西基本都没了,这次心血来潮又换回Hexo,正好借这个机会玩下Jenkins

目标:编写完成后,提交到Github仓库,通过Webhooks通知Jenkins进行构建,构建后上传到指定服务器

开始

准备工作

  • 创建一个Github仓库
  • 安装Jenkins
  • 在Jenkins中安装NodeJS,Send build artifacts over SSH两个插件

上传Hexo工程至Github

将图示目录上传至Github(最好使用私有仓库)
由于我们的目标是在服务端进行构建,因此这里不需要上传本地构建后生产的public目录

配置Webhooks

进入仓库的Settings页面内配置Webhooks

Payload URL: 你的Jenkins Webhook地址
例如你的Jenkins的访问地址为http://jenkins.abc.com,那么你的Payload URL就是http://jenkins.abc.com/github-webhook/

配置Jenkins

创建任务

进入Jenkins创建一个新的任务,选择自由风格的项目,名称比如是myblog

General

勾选Github项目,填入对应刚才上传的地址

源码管理

还是填入地址,并且需要添加对应账号

构建触发器

我们已经配置了仓库的Webhooks,所以选择GitHub hook trigger for GITScm polling

构建环境

环境我们只需要NodeJS,选择Provide Node & npm bin/ folder to PATH

构建

选择执行shell,构建很简单,只需要写入以下内容

1
2
npm install 
npm run build

构建完成后会在/var/jenkins_home/workspace/myblog目录中生成文件

构建后操作

选择Send build artifacts over SSH

  • Source files 需要复制的文件目录,这里我们只需要public目录下的内容
  • Remove prefix 复制后需要移除的目录前缀
  • Remote directory 远程服务器的目录,这里我是放到了nginx的目录下
  • Exec command 需要执行的命令

后续

配置完成后,可以点击立即构建或者通过提交方式触发构建,最后配置Nginx就可以直接访问了。