×

阿里云免费部署上线静态网站全流程(小白版)

hqy hqy 发表于2025-05-16 15:02:00 浏览60 评论0

抢沙发发表评论


此篇复习笔记是非常详细、清晰,涵盖了阿里云 OSS 静态网站部署的主要流程和注意事项!?

流程相对完整、很适合小白一键复现,成功上线自己的静态网站。


图片


一、为什么要用 OSS 这个方案呢?


我的需求

1、我需要备案,因为 app 后续要上架,网站要先更稳妥的备案

2、不想用服务器

3、国内访问稳定,不用科学上网

4、因为是静态网页,处理方案越简单越好


首先我们知道,网页部署常见的几个方式

1、云端:静态网页可用github pages。优点:最简单了,超快可以部署一个网站,也不需要服务器。 缺点:用的 github,内容都在这里面,访问需要科学上网

2、云端:vercel,cloudfare 等国外平台部署

3、云端:云 OSS 产品

4、正式购买服务器:处理比较麻烦,虽然我有一台闲置的服务器





详细展开:网页部署常见方式及优缺点

1. GitHub Pages(静态网页托管)

  • 优点:

    • 免费,无需服务器

    • 支持自定义域名和 HTTPS

    • 适合个人博客、项目主页、文档等

    • 部署极其简单,只需推送代码即可上线

  • 缺点:


    • 服务器在国外,国内访问速度慢且不稳定

    • 某些内容可能被墙,访问需“科学上网”

    • 不支持动态后端逻辑(仅限静态内容)

    • 备案不支持,无法用于中国大陆正式业务

2. Vercel、Cloudflare Pages 等国外云平台

  • 优点:

    • 免费额度充足,支持自动化部署

    • 支持自定义域名和 HTTPS

    • CI/CD 集成方便,适合前端项目

    • Cloudflare Pages 还自带全球 CDN 加速

  • 缺点:

    • 服务器同样在国外,国内访问速度和稳定性一般

    • 备案不支持,无法用于中国大陆正式业务

    • 某些平台对中国用户不友好,可能有访问限制


3. 云 OSS 产品(如阿里云 OSS、腾讯云 COS、华为云 OBS 等)

  • 优点:

    • 国内云厂商,国内访问速度快且稳定

    • 支持自定义域名、HTTPS、CDN加速

    • 支持静态网站托管,操作简单,无需运维服务器

    • 支持备案,适合中国大陆正式业务

    • 付费灵活,流量和存储按需计费,个人/小团队成本低

  • 缺点:

    • 需要实名认证和备案(如需对外正式访问)

    • 免费额度有限,超出后需付费

    • 仅支持静态内容(如需动态后端需配合云函数等)


4. 购买云服务器(ECS、轻量应用服务器等)

  • 优点:

    • 灵活性最高,可部署任何类型的网站(静态/动态/数据库等)

    • 可自定义环境,支持各种开发语言和框架

    • 适合有后端需求、业务复杂的网站

  • 缺点:

    • 需要自己运维服务器,配置和安全性需自己把控

    • 成本较高(服务器+带宽+运维)

    • 需要一定的运维和网络知识

    • 备案同样必需


为什么推荐用 OSS 方案?

  1. 国内访问速度快、稳定,适合中国用户和正式业务。

  2. 支持备案,满足中国大陆合规要求。

  3. 部署简单,无需服务器运维,适合小白和前端开发者。

  4. 支持自定义域名和 HTTPS,提升网站专业性和安全性。

  5. 按量计费,成本低,个人/小团队完全可控。

  6. 可配合 CDN 实现全国加速,应对高访问量场景。

  7. 安全性高,由云厂商统一维护底层安全。


---


总结

  • 如果只是个人博客/项目主页,且不在意国内访问速度,可以用 GitHub Pages、Vercel 等国外平台。

  • 如果面向国内用户、需要备案、追求访问速度和稳定性,OSS 是最优选择。

  • 如有动态后端需求或业务复杂,可考虑云服务器,但成本和运维压力更大。



二、先展示结果(5 分钟写的一个网页,并成功部署上线,用的国内方案好正常供用户访问)

http 和https都可访问



图片




三、小白具体教程(3.1-3.10)

3.1全部会用到的工具:阿里云部分全家桶

域名、云解析 DNS、OSS、SSL


3.2阿里云免费部署静态网站全流程操作步骤(小白版)

前提准备

  • 已有阿里云账号

  • 已购买备案通过的域名(如 tongdengxuelijingjixue.hrpaopao.com

  • 已开通 OSS 服务


新建 OSS Bucket


  • 进入 OSS 控制台,**新建一个 Bucket**,选择合适的地域(建议与你备案时选的地域一致)。

  • 存储类型:标准存储

  • 读写权限:建议选“公共读”(后续可细调)



?

Bucket 中,后续要使用到的功能分别为

  1. 概览

  2. 文件管理--列表

  3. 权限控制--阴止公共访问和读写权限

  4. 数据管理--静态页面

  5. Bucket-域名管理




打赏

本文链接:https://www.kinber.cn/post/5108.html 转载需授权!

分享到:


推荐本站淘宝优惠价购买喜欢的宝贝:

image.png

 您阅读本篇文章共花了: 

群贤毕至

访客