Umbraco（3） - CSS & Javascript（翻譯文檔）

標籤：

CSS & Javascript

看著我們的首頁面很顯然的發現css和javascript模板並沒有加上。包括這個網站的根目錄中的導航（例如："C:\inetpub\wwwroot"這可能是不同的根據您的安裝類型），在Windows資源管理員中複製css\style.css檔案到[你網站的根目錄]\Css檔案夾中（無論您的umbraco執行個體有沒有取代Umbraco - 例如："C:\inetpub\wwwroot"。）現在在瀏覽器中重新整理你的網頁，你便會看到帶有樣式的頁面了。

注意 - 你可以使用Umbraco UI手動建立你的CSS檔案。Settings > Stylesheets > ... > + Create建立一個樣式表命名為style（不需要添加檔案尾碼.css），然後粘貼我所需要的css代碼。使用這兩種方法都應該注意不包括你的HTML自動標籤 - Umbraco產生的輸出，這意味著你只需要些你想寫的和你需要的。

接下來拷貝初始化包裡的modernizr-2.0.6.min.js檔案到網站的Scripts檔案夾中 - 我們要將新模板更新一下來看看/Scripts代替了/js。要做到這一點需要我們在Settings > Templates > Homepage改變script檔案的路徑，最後點擊儲存。

<script src="scripts/libs/modernizr-2.0.6.min.js"></script>

注意- 你也可以手動的來建立您的JS檔案Settings > Scripts > ... > + Create（再次的不需要添加檔案尾碼名.js，但是需要在Type下拉選項中選擇.js）這裡的參考模板是"scripts/myfile.js”.

現在我們只用Chrome開發工具或是Firebug同時瀏覽http://localhost你會發現網路選項卡不報告任何丟失的資產/檔案 - 如果它卻是有一個外觀和修複任何錯誤/檢查檔案應在正確的地方。

Umbraco（3） - CSS & Javascript（翻譯文檔）