如何用阿里云国际站 OSS 轻松搭建静态网站？

在当今数字化时代，拥有一个属于自己的网站，无论是用于展示个人作品、开展小型线上业务，还是作为兴趣分享平台，都是一件极具吸引力的事情。然而，传统的网站搭建方式往往需要购买服务器，成本高且维护复杂，让许多人望而却步。但现在，有了阿里云国际站 OSS，这一切都变得简单且低成本，真正实现了小成本搭建静态网站的梦想。

一、什么是阿里云国际站 OSS？为何它能助力静态网站搭建？

阿里云国际站 OSS，即对象存储服务（Object Storage Service） ，是一种海量、安全、低成本、高持久性的云存储服务。它就像是一个超级强大的云端仓库，能存储海量的各类数据，包括构建静态网站所需的 HTML、CSS、JavaScript 文件，以及图片、音频等资源。使用 OSS 搭建静态网站，你无需再为购买、维护服务器操心，OSS 强大的功能足以支撑网站的稳定运行，且成本相较于传统服务器大幅降低。例如，一家小型电商企业，若采用传统服务器搭建静态展示网站，不仅要花费数千元购买服务器设备，每年的运维费用也高达数千元。而使用 OSS，每月可能只需花费几十元的存储和流量费用，成本优势一目了然。

二、搭建步骤详解

（一）准备工作

1，拥有阿里云国际站账号。

2，准备好静态网站的相关文件，包括 HTML 页面文件、CSS 样式文件、JavaScript 脚本文件以及图片等资源文件。你可以自己编写这些文件，也可以从一些开源网站下载合适的静态网站模板，稍作修改即可使用。一定得是静态的哦无法搭建动态网站哈

3，为这个网站准备一个自定义域名。

（二）创建 OSS Bucket

1，登录阿里云国际站 OSS 控制台。

2，在控制台页面，点击 “创建 Bucket” 按钮。

3，在弹出的创建 Bucket 窗口中，填写相关信息：

3.1， Bucket 名称：为你的 Bucket 取一个独特且易于记忆的名字，遵循命名规范，例如 “my - static - website - bucket” 。这个名字将在后续访问网站时作为重要标识。

3.2， 地域：选择离你的目标访问用户最近的地域节点，以减少数据传输延迟。比如你的网站主要面向亚洲用户，可选择亚洲地区的合适地域。

3.3， 存储类型：对于静态网站，一般选择标准存储类型即可，它能提供快速的数据访问速度，满足用户随时浏览网站的需求。

3.4， 访问权限：设置为 “公共读” 权限，这样互联网上的用户才能正常访问你网站的内容。若设置为私有等其他权限，网站将无法被外部用户访问。

4，填写完信息后，点击 “确定” 按钮，Bucket 创建成功。

（三）上传网站文件

1，进入刚刚创建的 Bucket。

2，点击 “上传” 按钮，选择你准备好的静态网站所有文件，可以批量选择，一次性上传整个网站文件包。

3，等待文件上传完成，上传过程中可以看到进度条，显示上传的实时状态。

（四）配置静态网站

1，在 Bucket 详情页面，找到 “基础设置” 选项卡，点击进入。

2，在基础设置中，找到 “数据管理—静态网站” 功能模块，点击 “设置” 。

3，在静态网站设置页面，进行如下配置：

3.1，默认首页：填写网站的首页文件名，一般为 “index.html”，这是用户访问网站时默认打开的页面。

3.2，默认 404 页面：设置当网站出现错误时显示的页面文件名，如 “error.html” ，可提前准备好错误提示页面文件并上传到 OSS。

3.3，子目录首页：

选择不开通时候： 此时访问静态网站跟域名或者域名下任何一个以正斜线（/）结尾的URL都会返回目录默认首页。

选择开通时候： 开通子目录首页后，访问静态网站跟域名时，返回目录默认首页。访问域名下以正斜线（/）结尾的URL时会返回对应目录的默认首页。例如，访问示例中的examplebucket.oss-cn-hangzhou.aliyuncs.com/subdir/时，则返…

开通子目录首页后，通过文件404规则决定访问不存在的Object时的返回结果。例如，访问examplebucket.oss-cn-hangzhou.aliyuncs.com/exampledir，…

Redirect（默认值）： 检查exampledir/index.html是否存在。

如果文件存在则返回302，并将访问请求重定向为examplebucket.oss-cn-hangzhou.aliyuncs.com/exampledir/…

如果文件不存在则返回404，并继续检查examplebucket.oss-cn-hangzhou.aliyuncs.com/error.html。…

NoSuckKey： 直接返回404，并继续检查examplebucket.oss-cn-hangzhou.aliyuncs.com/error.html。

Index： 检查exampledir/index.html是否存在。

如果文件存在则返回200，并直接返回文件内容。

如果文件不存在，则继续检查examplebucket.oss-cn-hangzhou.aliyuncs.com/error.html。

综上所述：是否开通子目录，需要根据您静态网站，是否有子目录来决定。

4，配置完成后，点击 “保存” 按钮。

（五）绑定 自己的 域名

1，如果你有自己的域名，可以将其绑定到 OSS 上，让网站访问更具专业性和个性化。首先，在域名注册商处获取域名的解析管理权限。

2，回到 OSS 控制台，在 Bucket 的 “Bucket 配置—域名管理” 模块中，点击 “绑定域名” 。

3，输入你的域名，并按照提示完成域名解析配置。一般需要在域名解析管理界面添加相应的 CNAME 记录，将域名指向 OSS 分配的地址。

4，等待域名解析生效，生效时间一般在几分钟到几小时不等，具体取决于域名注册商的设置。

（ 六 ） 测试网站

在浏览器中访问您的自定义域名URL以验证网站是否正常运行。

（ 七） 关闭静态网站托管 （不需要的时候，可以操作关闭）

当您不再需要使用默认首页、默认404页等静态网站托管配置时，请按如下步骤关闭静态网站托管功能：

1，在左侧导航栏，选择数据管理 > 静态页面。

2，在静态页面区域，单击设置。

3，清空默认首页和默认404页配置，然后单击保存。
返回如下页面，表示已成功关闭静态网站托管功能。

  至此，你的静态网站已经成功搭建在阿里云国际站 OSS 上，通过 Bucket 域名或者你绑定的自定义域名，就能在互联网上访问你的网站啦！在整个搭建过程中，若遇到任何问题，都可以联系云枢国际@yunshuguoji，可为你排忧解难，确保你的网站搭建顺利完成。

阿里云国际站 OSS 为我们提供了一个便捷、低成本搭建静态网站的优质方案，无论是个人还是小型企业，都能轻松拥有自己的线上展示平台。赶紧行动起来，利用 OSS 开启你的网站搭建之旅吧！