圖像路徑來支持CDN

Question

我想我們的映像部署到一個CDN。目前，CSS具有相對於我們網站上圖片的路徑。這些路徑需要支持CDN映像位置。有沒有人有關於如何做到這一點的建議？

或者，如果任何人有部署到CDN一個很好的教程。

---

這就是我最終完成這個的結果。

1. 我用SASS - http://sass-lang.com/
2. 我有一個名爲cdn.scss與像$ IMAGE_PATH內容混入： 「/圖片/」;
3. 導入混入在SASS風格@import 「cdn.scss」
4. 更新圖像路徑爲這樣：背景：網址（$ IMAGE_PATH + 「image.png」）;
5. 在部署我更改mixin.scss的$ IMAGE_PATH變量，然後重新運行青菜

UPDATE

我們使用bash更新文件中的_cdn

cat > preprocess/sass/_cdn.scss <<EOT 
\$image_path: "//CDN_URL/"; 

示例代碼.scss

$image_path: "/public/images/"; 

然後它在默認情況下工作在本地，但對生產推，我們運行bash腳本使用CDN位置

Answer 1

也許最簡單的事情將是對CDN承載您的圖像和CSS文件都進行更新。你的CSS文件中的圖像路徑是相對於CSS文件本身的，所以你不需要改變你的CSS。

如果這不是一種選擇，你堅持把完全合格的URL在你的樣式表。現在，如果你真的想，你可以動態地生成你的CSS文件，並執行一些替換，所以你實際上不必在你的工作表中硬編碼CDN。