StepByStep教程

2. Liquid 语言

Liquid 使 Jekyll 变得开始有趣起来。Liquid 是一种模板语言,他有三个主要部件: 对象, 标签过滤器.

对象

对象告诉 Liquid 在哪里输出内容。他们用双大括号 {{}} 标记。
例如:

{{ page.title }}

会在页面上输出一个名为 page.title 的变量。

标签

标签为模板创建逻辑和控制流。他们用大括号和百分号 {%%} 标记。
例如:

{% if page.show_sidebar %}
  <div class="sidebar">
    sidebar content
  </div>
{% endif %}

如果 page.show_sidebar 为真,则输出侧边栏(sidebar)。
可以在 这里 详细学习标签的用法。

过滤器

过滤器改变 Liquid 对象的输出。他们用于输出中,并用 | 分隔开。
例如:

{{ "hi" | capitalize }}

输出 Hi
可以在 这里 详细学习过滤器的用法。

应用过滤器

现在轮到你了,把页面上输出的 “Hello World!” 更改为小写格式:

...
<h1>{{ "Hello World!" | downcase }}</h1>
...

为使 Jekyll 处理我们的更改,需要在页面的开头添加 front matter

---
# front matter 告诉 Jekyll 来处理 Liquid
---

现在,我们的 “Hello World!” 会被渲染为小写。

现在可能还不像看起来那样,但是很多 Jekyll 的功能都来源于 Liquid 和其它特性的组合。

为了看到 Liquid 的过滤器 downcase 所做的改变效果,我们需要添加 front matter.

那是下一节,我们继续吧。

  1. 环境配置
  2. Liquid 语言
  3. Front Matter
  4. 网站布局
  5. Includes
  6. 数据文件
  7. 资源
  8. 博客
  9. 集合 Collections
  10. 部署