返回
巧用阿里云OSS与GitHub Actions,轻松托管你的个人网站
前端
2024-02-06 20:51:44
好的,现在开始你的创作:
阿里云OSS(对象存储服务)是一款海量、安全、低成本、高可靠的云存储服务。它可以存储任何类型的数据,非常适合托管静态网站。GitHub Actions是一个功能强大的持续集成和持续交付平台,可以帮助你自动化你的工作流程。
使用阿里云OSS和GitHub Actions托管你的个人网站非常简单。首先,你需要创建一个阿里云OSS存储桶。然后,你需要创建一个GitHub仓库,并将你的网站代码推送到仓库中。最后,你需要创建一个GitHub Actions工作流,将你的网站代码自动部署到阿里云OSS。
现在,让我们详细了解一下每个步骤。
创建阿里云OSS存储桶
- 登录阿里云控制台,在搜索框中输入“OSS”,然后单击“对象存储服务”。
- 单击“创建存储桶”。
- 在“存储桶名称”字段中输入你的存储桶名称。
- 在“区域”字段中选择一个区域。
- 单击“确定”。
创建GitHub仓库
- 登录GitHub,然后单击右上角的“+”按钮。
- 选择“新建仓库”。
- 在“仓库名称”字段中输入你的仓库名称。
- 在“”字段中输入你的仓库。
- 单击“创建存储库”。
将你的网站代码推送到仓库中
- 打开你的代码编辑器,并将你的网站代码复制到一个新的文件中。
- 将这个文件保存到你的GitHub仓库中。
创建GitHub Actions工作流
- 在GitHub仓库中,单击“操作”选项卡。
- 单击“创建工作流”。
- 在“工作流名称”字段中输入你的工作流名称。
- 在“触发器”字段中选择“推送到master”。
- 在“作业”字段中单击“添加作业”。
- 在“作业名称”字段中输入你的作业名称。
- 在“运行”字段中选择“Ubuntu”。
- 在“步骤”字段中单击“添加步骤”。
- 在“步骤名称”字段中输入你的步骤名称。
- 在“运行”字段中输入以下命令:
npm install -g gh-pages
gh-pages -d build
- 单击“保存”。
部署你的网站
现在,你可以通过运行以下命令将你的网站部署到阿里云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托管你的个人网站的全部过程。希望本文能帮助你轻松搭建并托管你的个人网站。