阿里云服务器部署HTML网页教程

如何在阿里云服务器上部署并托管静态HTML网页：零基础完整指南

随着互联网的深入发展，越来越多的个人开发者、中小企业以及初创团队选择搭建自己的网站，用于展示作品、推广产品或建立品牌形象，而将一个简单的静态 HTML 网页发布到公网,最经济高效的方式之一就是通过云服务器进行托管。

作为中国领先的云计算服务提供商，阿里云（Alibaba Cloud）提供了稳定、安全且易于管理的弹性计算服务 ECS（Elastic Compute Service），非常适合用于部署静态网页项目，本文将手把手带你完成从注册账号、购买服务器、配置环境到上传文件、绑定域名的全过程,即使是零基础用户也能轻松实现网站上线。

为什么选择阿里云托管静态网页？

在开始操作前，我们先来了解为何推荐使用阿里云 ECS 托管 HTML 静态页面。

阿里云是国内市场份额最大、技术最成熟的云服务商之一，其数据中心覆盖全国主要城市及全球多个地区，网络延迟低、访问速度快，保障了良好的用户体验，ECS 实例种类丰富，价格透明，新用户还可享受免费试用或优惠套餐,性价比极高。

对于仅需托管静态资源（如 HTML、CSS、JavaScript 和图片）的小型项目而言，无需复杂的后端逻辑或数据库支持，只需一台轻量级 Linux 服务器搭配 Nginx 或 Apache 即可实现高性能、高可用的网页访问，阿里云不仅提供直观的控制台界面，还有详尽的技术文档和 24 小时客服支持,让非专业用户也能快速上手。

无论是个人博客、简历展示页，还是企业宣传单页,阿里云都是理想的选择。

第一步：准备工作 —— 注册账号与购买 ECS 实例

注册阿里云账号

访问 阿里云官网，点击“免费注册”，使用手机号完成注册并完成实名认证，建议学生用户申请“学生认证”以获取专属优惠,新用户也常享有首年低价甚至免费试用的机会。

购买 ECS 云服务器

登录阿里云控制台后，进入「云服务器 ECS」页面，点击「创建实例」,以下是适合静态网页托管的推荐配置：

• 地域选择：根据目标用户的地理位置选择最近的数据中心，例如华东1（杭州）、华北2（北京）等,降低访问延迟。
• 实例规格：推荐入门级配置 ecs.t6-c1m1.large（1核CPU、2GB内存）,足以支撑轻量级网站运行。
• 操作系统镜像：选择公共镜像中的 CentOS 7.9 64位 或 Ubuntu 20.04 LTS，系统稳定、社区支持广泛。
• 网络类型：默认使用 VPC（专有网络）,安全性更高。
• 安全组设置：务必开放以下端口：
  • 80 端口：HTTP 协议，用于网页访问
  • 22 端口：SSH 协议，用于远程连接
• 登录方式：建议设置密码登录（便于初学者操作）,也可使用密钥对提升安全性。

完成支付后，记录下实例分配的公网 IP 地址,这是后续访问服务器的关键入口。

第二步：连接服务器并部署 Web 环境

接下来我们需要通过 SSH 远程登录服务器，并安装 Web 服务器软件来托管网页内容，目前主流方案是使用 Nginx，它轻量高效,特别适合静态资源服务。

以下以 CentOS 系统为例进行演示：

使用终端连接服务器

• Windows 用户可使用 Xshell、PuTTY 等 SSH 客户端；
• macOS / Linux 用户直接打开终端执行命令：

ssh root@你的公网IP

输入密码后即可进入服务器系统。

更新系统并安装 Nginx

保持系统最新有助于提升安全性和兼容性：

yum update -y
yum install nginx -y

若使用 Ubuntu 系统，则替换为 apt update && apt install nginx -y

启动 Nginx 并设置开机自启

systemctl start nginx
systemctl enable nginx

检查服务状态

systemctl status nginx

若输出中显示 active (running)，说明 Nginx 已成功启动。

在浏览器中输入你的公网 IP（如 http://47.98.xxx.xxx），应能看到 Nginx 的默认欢迎页面，表示 Web 服务已正常运行。

第三步：上传 HTML 网页文件

现在我们将本地开发好的网页项目上传至服务器指定目录。

准备网页文件

假设你有一个完整的静态网站项目,包含：

• 主页文件：index.html
• 样式表文件夹：css/
• 脚本文件夹：js/
• 图片资源文件夹：images/

确保所有路径引用正确，且文件编码统一为 UTF-8,避免乱码问题。

清空默认站点目录

Nginx 默认的网站根目录为：

/usr/share/nginx/html

可先清空原有内容：

rm -rf /usr/share/nginx/html/*

上传网页文件

你可以通过以下两种方式上传：

使用 SFTP 工具（图形化操作）

推荐工具：WinSCP（Windows）、FileZilla（跨平台）
连接方式：输入公网 IP、用户名（root）、密码，然后将本地整个项目拖拽上传至 /usr/share/nginx/html 目录。

使用命令行工具 scp

在本地终端执行（注意方向）：

scp -r ./mywebsite/* root@你的公网IP:/usr/share/nginx/html/

提示：请确保当前目录下存在 mywebsite 文件夹,且已包含所有网页文件。

设置文件权限

为了保证 Web 服务器能正确读取文件,需设置合适的权限和归属：

chmod -R 755 /usr/share/nginx/html
chown -R nginx:nginx /usr/share/nginx/html

刷新浏览器访问公网 IP,即可看到自己设计的网页内容！

第四步：绑定域名（强烈推荐）

虽然可以通过 IP 地址访问网站，但使用域名更专业、易记,也利于品牌传播。

绑定步骤如下：

1. 在阿里云「域名与网站」板块购买一个域名（如 example.com）。
2. 进入「云解析 DNS」服务，添加一条 A 记录：
   • 主机记录：填写 表示主域名，或填写 www 用于子域名
   • 记录值：填入你的 ECS 公网 IP 地址
   • TTL：保持默认（通常为 600 秒）
3. 保存后等待几分钟生效，期间 DNS 会逐步在全球范围内同步。

完成后，在浏览器输入你的域名（如 http://example.com）即可访问网站。

✅ 小贴士：建议同时添加 和 www 两条 A 记录，实现主域与 www 子域均可访问。

第五步：启用 HTTPS 加密（提升安全性）

为了让网站更安全可信，建议启用 HTTPS 协议，阿里云提供免费 SSL 证书服务：

1. 登录「数字证书管理服务」控制台；
2. 申请免费 DV 型 SSL 证书（支持泛域名）；
3. 验证域名所有权（通常自动完成）；
4. 下载证书并配置到 Nginx 中。

编辑 Nginx 配置文件：

vim /etc/nginx/conf.d/default.conf

修改为支持 HTTPS 的配置（示例片段）：

server {
    listen 443 ssl;
    server_name example.com www.example.com;
    ssl_certificate /path/to/your_domain.crt;
    ssl_certificate_key /path/to/your_private.key;
    root /usr/share/nginx/html;
    index index.html;
}

重启 Nginx 生效：

systemctl restart nginx

之后可通过 https://example.com 安全访问网站,浏览器将显示绿色锁标志。

优化与维护建议

为了让网站长期稳定运行,请参考以下最佳实践：