[TOC] # 静态资源存放和协议 根据页面类型，可以分为网站页面（模板生成）和专题单页面 ### 协议 网站的静态资源访问方式采用`protocol-relative URL` 例如,原先: ~~~ <img src="https://www.domain.com/statics/common/img/logo.png" alt="网站logo" /> ~~~ 现在则使用: ~~~ <img src="//www.domain.com/statics/common/img/logo.png" alt="网站logo" /> ~~~ 相关资料： > https://www.ludou.org/the-protocol-relative-url.html ### DEDE网站 > 这里请结合最后一章 **前台前端资源** 建议在服务器创建目录`static.你的域名`,如`static.example.com` ,用来存放整站的前台前端静态资源（**非后台用户上传的**）。并在其中再设置`css`，`js`，`img`,三个目录，然后在这三个下级目录再分别创建对应的`m`，`pc`目录，存放对应的移动或者PC端的静态资源， ***如果有可靠的第三方库，第三方库可不放置本地服务器*** 例如： `/static.example.com/img/pc/logo.png ` PC站的LOGO文件 `/static.example.com/css/pc/base.css` PC站的基础CSS `/static.example.com/css/m/base.css` 移动站的基础CSS `/static.example.com/js/m/base.js` 移动站的基础JS **后台上传的附件（图片）** 默认后台上传的图片分别在`static.example.com/uploads/img`(大图)和`static.example.com/uploads/thumb`（缩略图），这里出于优化考虑，在服务器端设置成 `uploads.example.com/img/`和`uploads.example.com/thumb/`形式访问，并对默认访问做404处理。 ***移动网站和上述设置一致*** 以上的操作请结合后面的章节`前端优化`关于静态资源cookie部分 ### 专题单页 ~~专题单页参考整站，在专题栏目根目录比如`jczt`，设置上述目录及结构~~ 专题单页以文章模板的形式发布。 #### 快商通 整站和专题单页都有统一使用快商通，所以快商通引用参考PC整站设置。