逐步教學
6. 資料檔案
Jekyll 支援載入位於 _data
目錄中的 YAML、JSON 和 CSV 檔案中的資料。資料檔案是將內容與原始碼分開的絕佳方式,可讓網站更容易維護。
在此步驟中,您會將導覽列的內容儲存在資料檔案中,然後在導覽列包含中反覆運算。
資料檔案用法
YAML 是一種在 Ruby 生態系中常見的格式。您會使用它來儲存一個導覽列項目陣列,每個項目都有名稱和連結。
在 _data/navigation.yml
中為導覽列建立一個資料檔案,內容如下
- name: Home
link: /
- name: About
link: /about.html
Jekyll 會在 site.data.navigation
中提供此資料檔案給您。您現在可以反覆運算資料檔案,而不是在 _includes/navigation.html
中輸出每個連結
<nav>
{% for item in site.data.navigation %}
<a href="{{ item.link }}" {% if page.url == item.link %}style="color: red;"{% endif %}>
{{ item.name }}
</a>
{% endfor %}
</nav>
輸出結果將完全相同。不同的是,你更容易加入新的導覽項目並變更 HTML 結構。
沒有 CSS、JS 和圖片的網站能好到哪裡去?讓我們來看看如何在 Jekyll 中處理資源。