Mac → GitHub → VPS → Nginx → 公网访问:一次完整的静态站点部署记录
我手上有一个本地生成的静态 Dashboard(HTML + JS + CSS),想部署到自己的 VPS 上,通过公网访问。这篇文章完整记录从 Mac 本地文件夹 到 GitHub 到 VPS 到 Nginx 到 公网访问 的全过程,包括踩过的防火墙坑。
最终架构
Mac(开发)
↓ git push
GitHub(代码托管)
↓ git clone
VPS(服务器)
↓ cp 到 /var/www/
Nginx(静态服务)
↓ listen 3004
公网访问(http://162.43.92.249:3004/)
项目背景
- 项目类型:纯静态网站(HTML + CSS + JS)
- 内容:Project Workspace Dashboard(WBS + Kanban + Gantt)
- 大小:约 100 KB
- 启动方式:本地
python3 -m http.server - 依赖:无(不需要 Node.js、数据库)
