静态资源全堆根目录，搬CDN找了一天漏一堆图，按规范建目录半小时搞定

新手做网站，所有图片、JS、CSS文件全堆在根目录，过了三个月回来找个图片翻半天，文件夹里乱七八糟，自己都分不清哪个是哪个。其实做项目的时候，把静态资源目录按规范分好，后面维护、换主题、加CDN的时候，特别顺，根本不用乱找。

一般网站的静态资源就三类：图片、样式表、脚本，根目录下建个static文件夹，里面再分三个子文件夹，images专门放所有图片，css专门放所有CSS文件，js专门放所有JS文件。别把图片直接传到网站根目录，也别散在各个模板文件夹里，所有图片统一放到static/images里，后面要把整个图片目录搬到CDN，直接把这个文件夹传上去就行，不用满世界找图片在哪。

图片还要再细分，比如banner图、产品图、文章配图、图标，别全堆在一个images文件夹里，不然几百个图片在一个目录，找的时候眼花。我自己的项目里，images下面再分banner、upload、icon、product四个子目录，上传的用户图片统一放到upload里，系统自带的图标放icon里，一眼就知道哪个图片在哪。

还有个新手容易踩的坑，就是文件名乱起，图片叫a.jpg、1.jpg、新建图片.png，过俩月根本不知道这图是啥。文件名要见名知意，比如首页banner就叫home-banner.jpg，产品列表的图标叫product-list.png，别用中文文件名，不然传到服务器上容易出编码问题，图片加载不出来。所有文件全用英文小写加横线，别用空格、大写、特殊字符，稳当。

CSS和JS也要分，公共的样式比如reset.css、全局样式放根css目录，某个页面单独的样式，放到对应页面的css文件夹里，别把所有CSS全写在一个文件里，几千行的CSS，改个样式找半天。JS也是，公共的公共js放根js目录，单独页面的脚本分开存，后面加载的时候也能按需加载，别把整个站点的JS全引到首页，加载慢。

我最早做项目的时候，所有资源全堆根目录，过了半年客户让我加个CDN，我找图片找了一天，散在各个文件夹里，传CDN传了漏漏了传，网站一堆图片404。之后所有项目都按规范建目录，静态资源全在static里，搬CDN的时候，直接把整个static目录传上去，半小时就弄完，根本不用找。很多新手觉得目录结构是小事，等项目大了，乱成一团的时候，再整理要花几倍的时间，一开始花十分钟把目录建好，后面省几十小时的麻烦。