通过 Drone CI/CD Hexo 到 Github Pages 应该这样玩儿

发表于 更新于 分类于 阅读次数： 本文字数： 321 阅读时长 ≈ 1 分钟

环境

目前环境是 Hexo+Github Pages

再来看看部署命令 npm start

1
2
3
4
5
//  package.json

  "scripts": {
    "start": "hexo cl && hexo g && gulp && hexo d && php -f push_sitemap_to_baidu.php"
  }

我们逐条来解读

hexo cl 清除缓存文件 db.json 和已生成的静态文件 public

hexo g 生成静态文件

gulp 将静态文件进行压缩，这部分操作可以参考之前我写的文章 —— 利用 gulp 对 Hexo 博客压缩并一键之部署

php -f push_sitemap_to_baidu.php 将文章主动推送至百度，这部分操作可以参考之前我写的文章 ——Hexo 部署在 Github Pages 怎么提交 Sitemap 给百度？来我教你

.drone.yml

通过上面我们大概了解了环境，接下里我们编写.drone.yml

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// .drone.yml

kind: pipeline
name: default

steps:
- name: publish
  image: jakehu/php-node # 包含了PHP7+Node10+GIT环境的镜像
  pull: always
  commands:
  - node -v
  - php -v
  - npm install
  - git config --global user.email "jakehu1991@gmail.com" # 对GIT进行设置
  - git config --global user.name "jakehu" # 对GIT进行设置
  - npm start

这样就完了？并没有由于我们是在 Drone 的 DIND 里面进行的部署，所以我们还需要对 Github 权限进行设置

1
2
3
4
5
6
7
8
// _config.yml

...
deploy:
  - type: git
    repo: https://jakehu:password@github.com/jakehu/jakehu.github.io.git
    branch: master
...

到这里就完成，只需要进行 git push 每次 Drone 就会自动把 npm start 所有的工作完成了

Drone 运行过程