目錄結構
目錄的路徑都可以在設定檔中自訂,但如果你沒有自訂的話,
請依照下列結構來規劃你的模板吧,如果你沒有建立這些空資料夾,亞凡芽會自動幫你建立。
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 - 設置
這是十分重要的檔案,亞凡芽一定會讀取這個檔案,你需要在這裡設置你的樣式、腳本路徑,
還有任何引用的檔案路徑,你可以在稍後的教學看見如何設置這個檔案。