Nginx 托管静态网站实战：单文件 2048 小游戏的上云之路

一、为什么用 Nginx 托管静态网站

对于单页应用、文档站、小游戏这类纯静态站点，Nginx 是最省心的选择：内存占用小、并发能力强、配置简单，一条命令即可把任意目录变成可公网访问的站点。本文以一个单文件 2048 小游戏为例，走完“本地准备 → 服务器部署 → 公网验证”的完整流程。

二、准备工作

1. 一台云服务器（以华为云 ECS 为例），已绑定弹性公网 IP；
2. 安全组放行 80/TCP（HTTP）端口；
3. 一个可运行的 index.html（2048 游戏的 HTML/CSS/JS 可全部写进单个文件，方便部署）。

三、安装并启动 Nginx

以 Ubuntu 为例：

sudo apt update
sudo apt install -y nginx
sudo systemctl enable --now nginx

本机验证服务是否正常：

curl -sI http://localhost/ | head -n 1
# 期望输出：HTTP/1.1 200 OK

四、部署静态文件

把游戏文件放到 Nginx 默认站点目录的子目录中，避免与默认欢迎页混淆：

sudo mkdir -p /usr/share/nginx/html/game
sudo cp index.html /usr/share/nginx/html/game/
sudo chown -R www-data:www-data /usr/share/nginx/html/game
sudo chmod -R 755 /usr/share/nginx/html/game

说明：默认站点根目录一般为 /usr/share/nginx/html（Ubuntu/Debian）或 /usr/share/nginx/html（openEuler/CentOS 同理，可用 nginx -V 与配置文件确认）。

五、验证公网访问

在本地电脑或服务器上执行：

curl -sI http://<服务器公网IP>/game/index.html

返回 HTTP/1.1 200 OK 即表示部署成功。接着用浏览器打开 http://<服务器公网IP>/game/index.html，就能在线玩 2048 了。

六、常见问题排查

1. 本机 curl 200，但公网打不开：九成是安全组没放行 80 端口，去控制台安全组规则里加上 0.0.0.0/0 放行 TCP 80。
2. 403 Forbidden：检查文件属主与权限，Nginx 工作进程用户（多为 www-data 或 nginx）需要对文件有读权限。
3. 页面空白或样式错乱：按 F12 打开浏览器控制台，看是否有 404 的资源请求，确认相对路径引用正确。
4. 想换端口或加域名：修改 /etc/nginx/nginx.conf 或 sites-enabled/default 中的 listen 与 server_name，改完执行 sudo nginx -t && sudo systemctl reload nginx。

七、小结

静态站点上云的核心就三步：装好 Nginx、把文件放到站点目录、放行安全组并验证。掌握这套流程后，换成博客、文档站、作品集等任何静态页面都一样适用。后续还可以加上 HTTPS（Let’s Encrypt 免费证书）与 CDN 加速，让站点更快、更安全。