# 部署静态网站

URL: https://caijiao.org/nginx/static-site
Source: docs/nginx/static-site.md
Description: 本节介绍 Nginx 静态网站部署方法，包括根目录配置、访问控制、缓存优化、Gzip 压缩和多站点管理，快速搭建高性能网站。

Nginx 是高性能的静态网站服务器，可以快速部署 HTML、CSS、JS 等静态资源。

## 一、基本配置

```nginx
server {
    listen 80;
    server_name example.com;

    root /var/www/html;
    index index.html index.htm;

    location / {
        try_files $uri $uri/ =404;
    }
}
````

* **root**：网站根目录
* **index**：默认首页文件
* **try_files**：确保请求文件存在，否则返回 404

## 二、缓存优化

```nginx
location / {
    expires 30d;
    add_header Cache-Control "public";
}
```

* **expires**：设置浏览器缓存时间
* **Cache-Control**：控制缓存策略，提高访问速度

## 三、Gzip 压缩

```nginx
gzip on;
gzip_types text/plain text/css application/javascript application/json image/svg+xml;
gzip_min_length 256;
```

* 压缩静态资源，减少传输流量，提高响应速度

## 四、日志与监控

```nginx
access_log /var/log/nginx/static_access.log;
error_log /var/log/nginx/static_error.log warn;
```

* 独立日志便于监控和分析

## 五、多站点管理

```nginx
server {
    listen 80;
    server_name site1.example.com;
    root /var/www/site1;
}

server {
    listen 80;
    server_name site2.example.com;
    root /var/www/site2;
}
```

* 每个站点独立配置根目录和日志，实现多站点管理

---

通过 Nginx 部署静态网站，可以快速、高效地提供稳定的访问服务，同时支持缓存优化和多站点管理。