在服务器快速搭建图床和静态资源库

ELIX2025-08-292025-12-03

最近将个人博客迁移到服务器的过程中发现，访问博客的速度时快时慢，最慢时甚至到了30多秒。

在控制台检查发现是几个js资源使用了外部cdn，响应速度从3秒到1分钟不等，十分不稳定，于是思考是否可以将这些公共资源放在服务器上，在网页需要时直接加载，简单又快捷。

图床和js等资源类似，都是通过网络路径来直接获取服务器资源，需要预先达到两个条件：1.开放访问端口并监听；2.配置好资源路径并绑定端口。这些都可以通过Nginx反向代理来快速完成。

开始配置

实现方法很简单，在已经配置过Nginx的前提下，只需要新建一个config即可。

为了方便调用，我选择使用默认的80端口挂载图床和静态资源。在sites-enabled中新建resource文件，如下配置：

server {
    listen 80;
    server_name 127.0.0.1;  # 改为VPS域名
    
    # JS 文件配置
    location /js/ {
        alias /usr/cdn/js/; #静态资源在服务器端的存放路径
        autoindex off;
        expires 30d;
        add_header Cache-Control "public";
    }

    # 图床的图片配置
    location /images/ {
        alias /usr/amedia/images/; #图片资源在服务器端的存放路径
        autoindex off;
        expires 30d;
        add_header Cache-Control "public";
    }
}