关于前端: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，记录并分享我的所见、所学、所想…