Jekyll — Ⅵ. 数据文件

目录

• 一、前期准备
• 二、模板语言
• 三、头部信息
• 四、布局模板
• 五、包含模板
• 六、数据文件
  • 数据文件用法
• 七、资源素材
• 八、博客写作
• 九、集合内容
• 十、部署网站

Jekyll 支持从位于 _data 目录的 YAML，JSON 和 CSV 文件中加载数据。数据文件将内容从源码分离，使得网站更容易维护。

这一节将会把导航的内容存储在数据文件中，然后在导航包含中遍历它。

Data file usage

YAML 是一个在 Ruby 生态圈常用的格式。

为导航在 _data/navigation.yml 处创建数据文件，并添加如下内容：

- name: Home
  link: /
- name: About
  link: /about.html

Jekyll 让你通过 site.data.navigation 使用这个数据文件，现在可以遍历这个数据文件了：

<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 里如何处理资源文件吧。

Links

[Ⅵ] Data Files - Jekyll Docs Step by Step Tutorial