您可以通过存储空间(Bucket)托管静态网站,并让访问者通过Bucket绑定的自定义域名(例如example.com)访问您的网站。无论您是想在OSS上托管已有静态网站还是从零开始建站,都可以从此教程中获得帮助。

步骤1:注册域名

搭建静态网站前,您需要为网站准备一个域名。建议您使用阿里云域名服务快速注册一个属于您的域名。详细步骤,请参见注册通用域名

本示例使用example.com作为测试域名。

注意 若您注册的域名需绑定在中国内地的Bucket上,您还需在中国工信部备案域名。详细步骤,请参见备案

步骤2:创建Bucket

您需要创建一个公共读的Bucket,用以设置静态网站托管及存放网站数据。

  1. 登录OSS管理控制台
  2. 单击Bucket列表,然后单击创建Bucket
  3. 创建Bucket面板配置Bucket参数,其中:
    参数 说明
    Bucket名称 设置Bucket名称。本示例设置为examplebucket
    地域 选择Bucket所在地域。本示例选择华东1(杭州)
    存储类型 选择标准存储
    读写权限 选择公共读

    其他参数保持默认配置。更多信息,请参见创建存储空间

步骤3:创建网页文件并上传

您需要创建静态网站首页和404错误页面的网页文件,并上传至目标Bucket。

  1. 在本地创建两个HTML格式的文件。
    • 默认首页
      本示例使用以下内容生成静态网站的首页文件index.html。实际环境中,请根据您的需求生成首页文件内容。
      <html>
         <head>
             <title>Hello OSS!</title>
             <meta charset="utf-8">
         </head>
         <body>
             <p>开始阿里云OSS托管</p>
             <p>这是索引页面</p>
         </body>
       </html>
    • 默认404页
      本示例使用以下内容生成静态网站的404错误页文件error.html。实际环境中,请根据您的需求生成404错误页文件的内容。
      <html>
      <head>
         <title>Hello OSS!</title>
         <meta charset="utf-8">
      </head>
      <body>
         <p>这是404错误页面</p>
      </body>
      </html>
  2. 将网页文件上传至目标Bucket。
    1. 登录OSS管理控制台
    2. 单击Bucket列表,然后单击目标Bucket。
    3. 单击文件管理,然后单击上传文件
    4. 上传文件面板的上传文件区域,单击直接上传并选中刚刚创建的两个网页文件。其他参数均保持默认配置。

步骤4:配置静态网站托管

  1. 单击基础设置 > 静态页面
  2. 单击设置,将index.html设置为默认首页;将error.html设置为默认404页