Umbraco(3) - CSS & Javascript

翻譯原文地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/umbraco3css-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你會發現網絡選項卡不報告任何丟失的資產/文件 - 如果它卻是有一個外觀和修復任何錯誤/檢查文件應在正確的地方。

【原文:https://our.umbraco.org/documentation/using-umbraco/creating-basic-site/CSS-And-Javascript


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章