[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整站設置。