Skip to main content Link Search Menu Expand Document (external link)

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 如何处理网站所需的资源。