Directory tructure

• 運行 zola init 之後會產生此目錄結構

.
├── config.toml
├── content
├── sass
├── static
├── templates
└── themes

config.toml

• 設定檔

content

• 執行 zola buile/serve 會以這邊的檔案來編譯成 html
• 主要存放 .md 文件

sass

• 存放 CSS 的預處理器 Sass / SCSS
• SCSS 是 Sass 改良後的版本，可相容 CSS 語法
• 支持結構化
• e.g. sass/something/site.scss 會編譯成 public/something/site.css

<!-- 匯入 css -->
<link rel="stylesheet" href={{ $url }}>

<!-- $url 替換如下 -->
get_url(path="site.css")

static

• 不會被編譯的靜態檔案
• static 下的檔案會按原樣複製到 public 輸出目錄
• e.g. favicon.ico、event.js

<!-- 匯入網站 icon -->
<link rel="icon" href="{{ $url }}" type="image/x-icon">

<!-- 匯入 javascript -->
<script src="{{ $url }}" defer></script>

<!-- $url 替換如下 -->
get_url(path="favicon.ico")
get_url(path="event.js")

templates

• Tera 用來渲染網站的模板
• 就是 .html 檔案

themes

• 使用包裝好的 Zola 網站模板