目錄結構

目錄的路徑都可以在設定檔中自訂,但如果你沒有自訂的話,

請依照下列結構來規劃你的模板吧,如果你沒有建立這些空資料夾,亞凡芽會自動幫你建立。

templates                    // 你會存放不同模板主題的地方
└── default                  // 模板名稱
    ├── compiled             // 編譯後的模板
    ├── coffees              // 放置 Coffee 腳本
    ├── scripts              // 放置 JavaScript 腳本
    ├── styles               // 放置 CSS 樣式表
    ├── sass                 // 放置 SCSS, SASS 樣式表
    ├── tpls                 // 各式各樣的模板放在這
    └── config.yml           // 此模板資料夾的設置

結構說明

我們會說明每個目錄的作用為何。

Compiled - 已編譯檔案

這個資料夾用來擺放所有編譯過後的模板檔案,

如此一來亞凡芽就不需要重複編譯同個模板,這樣省下了至少 72 倍的時間。

Scripts - 腳本

這個資料夾放置你所有的 JavaScript 檔案,如果你有設置編譯 Coffee,

所有編譯過後的 Coffee 將會被擺放於此。

Styles - 樣式

這裡放置你的 CSS 檔案,如果你有設置編譯 Sass,

編譯過後的 Sass 將會被擺放於此。

Sass - Sass 樣式

這裡放置你的 Sass 檔案,然後透過亞凡芽編譯成 CSS 檔案。

Coffees - Coffee 腳本

這裡放置你的 CoffeeScript 檔案。

Tpls - 模板

用來擺放所有模板的資料夾。

Config.yml - 設置

這是十分重要的檔案,亞凡芽一定會讀取這個檔案,你需要在這裡設置你的樣式、腳本路徑,

還有任何引用的檔案路徑,你可以在稍後的教學看見如何設置這個檔案。

results matching ""

    No results matching ""