Docker 部署个人网站的基础流程

基本思路

静态个人网站非常适合用 Docker + Nginx 部署。前端项目先在构建阶段生成静态文件，然后把 dist 目录复制到 Nginx 镜像中，由 Nginx 提供访问。

这样做的好处是运行时很简单，不需要 Node.js 常驻运行，也不需要数据库。

常见目录

一个基础项目通常包含：

Dockerfile
docker-compose.yml
nginx.conf
src/
public/
dist/

dist 是构建产物，一般不提交到 Git 仓库，而是在构建镜像时生成。

构建命令

本地开发时先安装依赖：

npm install
npm run dev

生成生产构建：

npm run build

如果项目已经包含 Dockerfile，可以直接构建镜像：

docker compose build
docker compose up -d

Nginx 的职责

对静态站点来说，Nginx 主要负责：

• 提供静态文件访问
• 配置缓存策略
• 处理 404 回退
• 添加基础安全响应头
• 后续配合 HTTPS 证书

云服务器注意事项

部署到云服务器时，需要检查：

1. 服务器安全组是否放行 80 和 443 端口
2. 域名是否解析到服务器公网 IP
3. Docker 和 Docker Compose 是否可用
4. Nginx 或其他服务是否占用了端口
5. HTTPS 证书是否配置

复盘

个人网站的部署不需要一开始就复杂。先把静态构建、容器运行、域名解析和 HTTPS 打通，再逐步增加自动备份、日志和自动化发布，会更稳。