ステップバイステップ チュートリアル
3. フロントマター
フロントマターとは、ファイルの最初の部分に3つのダッシュで挟まれたYAMLの断片です。
フロントマターを使用してページの変数を設定できます。
---
my_number: 5
---
Liquidではpage変数を使用してフロントマターの変数を呼び出すことができます。例えば、上記のmy_number変数の値を出力するには
{{ page.my_number }}
フロントマターを使用する
フロントマターを使用してサイトの<title>を変更する
---
title: Home
---
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>{{ page.title }}</title>
</head>
<body>
<h1>{{ "Hello World!" | downcase }}</h1>
</body>
</html>
Jekyllによってページ上のLiquidタグが処理されるには、必ずページにフロントマターを含める必要があります。
フロントマターで変数を定義せずにJekyllでページを処理するには、以下を使用します。
---
---
次に、レイアウトとページのソースコードがプレーンHTMLよりも多くなる理由について詳しく説明します。