一、关于CICD
传送门:什么是CI/CD/CD
二、Hexo
2.1 博客搭建
2.2 博客主题
三、自动部署
3.1 GitHub Actions部署博客
使用GitHub Actions自动部署
注意:Deploy key添加到个人或者博客源码的 settings 里面都可以
3.2 Travis CI部署博客
四、使用中遇到的问题
4.1 Hexo 使用 Github Actions 自动发布至 Github Pages 时,生成的 html 页面空白,没有css/js等文件
原因: 由于主题是 git clone 下来的,主题目录下生成了 .git 目录,导致和 hexo 根目录下 .git 冲突了,commit 时没有把主题 push 上去导致的。
部署的博客发布解决: 删除本地主题中的.git文件夹,上传到远程仓库
4.2 解决hexo博客网页无法使用图片问题
1 | npm install hexo-asset-image --save # 安装hexo插件 |
1 | # 这里还要注意修改_config.yml中的一个点 |
1 | hexo new test # 生成新的网页 |
位置在 test/source/_posts下，会同时生成test目录和test.md 网页，将需要的图片放置到test目录下，test.md就可以正常解析了，注意：要在图片路径直接写成同目录下即可。
4.3 解决hexo博客乱码
4.4 hexo部署后，CNAME会被自动删除
解决: 将需要上传至github的内容放在source文件夹，例如CNAME、favicon.ico、images等
参考文档：