返回

巧用阿里云OSS与GitHub Actions,轻松托管你的个人网站

前端

好的,现在开始你的创作:

阿里云OSS(对象存储服务)是一款海量、安全、低成本、高可靠的云存储服务。它可以存储任何类型的数据,非常适合托管静态网站。GitHub Actions是一个功能强大的持续集成和持续交付平台,可以帮助你自动化你的工作流程。

使用阿里云OSS和GitHub Actions托管你的个人网站非常简单。首先,你需要创建一个阿里云OSS存储桶。然后,你需要创建一个GitHub仓库,并将你的网站代码推送到仓库中。最后,你需要创建一个GitHub Actions工作流,将你的网站代码自动部署到阿里云OSS。

现在,让我们详细了解一下每个步骤。

创建阿里云OSS存储桶

  1. 登录阿里云控制台,在搜索框中输入“OSS”,然后单击“对象存储服务”。
  2. 单击“创建存储桶”。
  3. 在“存储桶名称”字段中输入你的存储桶名称。
  4. 在“区域”字段中选择一个区域。
  5. 单击“确定”。

创建GitHub仓库

  1. 登录GitHub,然后单击右上角的“+”按钮。
  2. 选择“新建仓库”。
  3. 在“仓库名称”字段中输入你的仓库名称。
  4. 在“”字段中输入你的仓库。
  5. 单击“创建存储库”。

将你的网站代码推送到仓库中

  1. 打开你的代码编辑器,并将你的网站代码复制到一个新的文件中。
  2. 将这个文件保存到你的GitHub仓库中。

创建GitHub Actions工作流

  1. 在GitHub仓库中,单击“操作”选项卡。
  2. 单击“创建工作流”。
  3. 在“工作流名称”字段中输入你的工作流名称。
  4. 在“触发器”字段中选择“推送到master”。
  5. 在“作业”字段中单击“添加作业”。
  6. 在“作业名称”字段中输入你的作业名称。
  7. 在“运行”字段中选择“Ubuntu”。
  8. 在“步骤”字段中单击“添加步骤”。
  9. 在“步骤名称”字段中输入你的步骤名称。
  10. 在“运行”字段中输入以下命令:
npm install -g gh-pages
gh-pages -d build
  1. 单击“保存”。

部署你的网站

现在,你可以通过运行以下命令将你的网站部署到阿里云OSS:

gh-pages -d build

你的网站现在将托管在阿里云OSS上。你可以通过以下URL访问你的网站:

https://<你的存储桶名称>.oss-cn-beijing.aliyuncs.com/

例如,如果你的存储桶名称为my-website,那么你的网站将托管在以下URL:

https://my-website.oss-cn-beijing.aliyuncs.com/

这就是使用阿里云OSS和GitHub Actions托管你的个人网站的全部过程。希望本文能帮助你轻松搭建并托管你的个人网站。