关于前端:Github-Actions自动部署Hugo到阿里OSS

本文次要形容集体如何应用 GitHub Actions 生成动态网站主动公布到阿里 OSS 上并绑定集体域名拜访的，分享一下踩坑教训，心愿能对你有所帮忙。

OSS 中创立 Bucket

这里留神如果域名没备案的话，能够抉择境外地区的结点，下图以新加坡为例：

创立 Bucket

批改 OSS 写读权限

img

获取AccessKey

img

应用的是阿里举荐的子用户 AccessKey， 能够配置权限

img

img

GitHub 填入 Accesskey ID 和 Secret

img

GitHub Actions 编写

`name: deploy blog`
`on:`
 `push:`
 `schedule:`
 `- cron: '30 20 * * *'`
`jobs:`
 `build:`
 `runs-on: ubuntu-latest`
 `steps:`
 `- uses: actions/checkout@v2`
 `with:`
 `submodules: 'recursive'`
 `- uses: srt32/git-actions@v0.0.3`
 `with:`
 `args: git submodule update --init --recursive`
 `- name: use Node.js 10.x`
 `uses: actions/setup-node@v1`
 `with:`
 `node-version: 10.x`
 `- name: npm i Hugo`
 `uses: peaceiris/actions-hugo@v2`
 `- name: Build`
 `run: |`
 `hugo --minify`
 `#hugo --minify 到 ubuntu-latest 是部署 Hugo 的，不必能够去掉 `
 `- name: setup aliyun oss`
 `uses: manyuanrong/setup-ossutil@master`
 `with:`
 `endpoint: oss-ap-southeast-1.aliyuncs.com #批改为本人的 Endpoint`
 `access-key-id: ${{secrets.OSS_KEY_ID}}`
 `access-key-secret: ${{secrets.OSS_KEY_SECRET}}`
 `- name: cp aliyun oss`
 `run: ossutil cp -rf public oss://zongtang/ #批改为本人的 `

留神代码中的正文内容

运行成果

img

img

解析域名

我是用的腾讯提供的域名服务，因为记录值不是 IP 地址，所以记录类型就选 CNAME，记录值就填 OSS 概述中的域名，第一张图里标示了

img

测试拜访

img

欢送去我博客或微信公众号 LiuJohntun 看整个建站流程，目前曾经简化操作间接在 Forestry.io 上编写 markdown 文章后预览无误后提交通过 GitHub Actions 主动部署到 GitHubPages、GiteePages、OSS 对象存储

如若内容有不足之处，还望大家多提倡议多多与我交换。
更多精彩能够关注我的博客 https://johntunliu.gitee.io/ 或微信公众号 LiuJohntun，记录并分享我的所见、所学、所想…