静态资源服务器配置实践：使用 Nginx 高效托管图片、HTML、视频等文件

一、什么是静态资源服务器？

静态资源服务器专门用于托管不需要后端处理的文件，例如：

• 图片（JPG / PNG / SVG）

• HTML 文件（专题页、静态页面）

• 视频（MP4 / WebM / HLS）

• CSS / JS / 字体文件

通过 Nginx 配置，可实现资源独立域名访问、缓存控制、跨域处理、断点续传等高级功能。

二、为什么使用独立静态资源服务器？

三、Nginx 配置静态资源服务器

假设你希望将静态资源托管在 static.codesou.cn，以下是实战配置：

1. 配置服务器块（nginx.conf 或 conf.d/static.conf）

server {
    listen 80;
    server_name static.codesou.cn;

    root /data/www/static-files; # 存放静态资源的目录

    location / {
        autoindex off;
        try_files $uri $uri/ =404;
    }

    location ~* \.(jpg|jpeg|png|gif|mp4|html|css|js|woff|woff2|ttf|svg)$ {
        expires 30d;
        access_log off;
    }

    # 允许跨域资源加载（如 JS、字体）
    add_header Access-Control-Allow-Origin *;
    add_header Access-Control-Allow-Methods 'GET, OPTIONS';
}

2. 创建资源目录并放入资源

mkdir -p /data/www/static-files/img
mkdir -p /data/www/static-files/html
mkdir -p /data/www/static-files/media

上传资源后，比如：

• img/logo.png

• html/nginx-guide.html

• media/tutorial.mp4

可通过如下地址访问：

http://static.codesou.cn/img/logo.pnghttp://static.codesou.cn/media/tutorial.mp4

四、常见场景配置优化

✅ 断点续传支持（视频下载/播放）

location ~* \.(mp4|avi|mov)$ {
    root /data/www/static-files;
    add_header Accept-Ranges bytes;
    access_log off;
}

✅ 防盗链设置（可选）

location ~* \.(jpg|png|mp4|gif)$ {
    valid_referers none blocked codesou.cn *.codesou.cn;
    if ($invalid_referer) {
        return 403;
    }
}

五、如何让搜索引擎更友好识别？

• 图片命名语义化（如 nginx-tutorial-banner.jpg）

• 视频加文字说明页面嵌入，避免孤立文件

• 合理设置 robots.txt 不屏蔽资源路径

• 可考虑为 HTML 静态页添加结构化数据（JSON-LD）

六、总结

搭建独立的静态资源服务器是中大型网站结构优化的必经之路。借助 Nginx，你可以快速实现资源托管、缓存控制、跨域支持等特性，为网站提速并打好 SEO 基础。