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