逐步教學

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 中處理資源。

  1. 設定
  2. Liquid
  3. Front Matter
  4. 版面
  5. 包含
  6. 資料檔案
  7. 資產
  8. 部落格
  9. 集合
  10. 部署