分步教程
4. 布局
除了 HTML，Jekyll 在构建页面时还支持 Markdown。对于内容结构简单的页面（仅包含段落、标题和图像），Markdown 是一个不错的选择，因为它比原始 HTML 更简洁。
在网站的根文件夹中创建一个名为 about.md 的新 Markdown 文件。
你可以复制 index 的内容并将其修改为“关于”页面。但是，这会创建重复的代码，而你必须为添加到网站的每个新页面自定义这些代码。
例如，向网站添加新的样式表需要将样式表的链接添加到每个页面的 <head> 中。对于包含大量页面的网站，这是一种浪费时间。
创建布局
布局是模板，可以被网站中的任何页面使用，并且可以环绕页面内容。它们存储在名为 _layouts 的目录中。
在网站的根文件夹中创建 _layouts 目录，并创建一个新的 default.html 文件，内容如下
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>{{ page.title }}</title>
</head>
<body>
{{ content }}
</body>
</html>
此 HTML 与 index.html 几乎相同，只是没有页眉信息，并且页面的内容被 content 变量替换。
content 是一个特殊变量，它返回调用它的页面上呈现的内容。
使用布局
若要让 index.html 使用你的新布局，请在 front matter 中设置 layout 变量。文件应如下所示
---
layout: default
title: Home
---
<h1>{{ "Hello World!" | downcase }}</h1>
当你重新加载网站时，输出保持不变。
由于布局环绕页面上的内容，因此你可以在布局文件中调用 front matter，例如 page。当你将布局应用于页面时，它将使用该页面上的 front matter。
构建关于页面
将以下内容添加到 about.md，以便在关于页面中使用你的新布局
---
layout: default
title: About
---
# About page
This page tells you a little bit about me.
在浏览器中打开 https://#:4000/about.html 并查看你的新页面。
恭喜，你现在拥有了一个两页网站！
接下来，你将了解如何在网站中从一页导航到另一页。