Jekyll — Ⅱ. 模板语言

Step by Step Tutorial - Ⅱ. LIQUID(部分翻译,自用帮助了解)

目录

从 Liquid 开始 Jekyll 就变得稍微有趣起来了。Liquid 是一种模板语言,主要分为三部:对象标签滤器objects, tags and filters)。

Objects

对象指明需要输出的内容在哪。它们被一对双花括号 {{}} 所标志。像这样:

{{ page.title }}

输出那个叫 page.title 的变量到这个页面。

Tags

标签给模板创造逻辑和控制流。它们被一对花括百分号 {%%} 所标志。像这样:

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

输出侧栏(Sidebar),如果 page.show_sidebar 为真。更多关于标签的说明可看这儿

Filters

滤器改变对象的输出。它们和输出一起使用,并用 | 分隔。像这样:

{{ "hi" | capitalize }}

输出 Hi。更多关于滤器的说明看这儿.。

Use Liquid

你的回合,把那个 Hello World! 改成小写输出:

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

为了让这个修改被 Jekyll 处理,去页面顶部添加一下头部信息(Front Matter):

---
# front matter tells Jekyll to process Liquid
---

现在这个 “Hello World!” 会渲染成小写。

可能现在体会不到,但 Jekyll 的大多数能力都是来自于 Liquid 与其他特性的绑定。

为了观察滤器 downcase 带来的改变,需要添加头部信息。

这就是下一节的内容,让我们继续吧。


[Ⅱ] Liquid - Jekyll Docs Step by Step Tutorial