In this article, we’ll talk about the landing page layout, you may be interested in it if you’re going to customizing the pages in Markdown way.

What is it?

The landing page layout is just a skeleton container, the body is consists by three parts: top app bar, page content and footer.

Advantages

  • Writing content in Markdown.
  • Reusable shortcodes.

How to use it?

It’s quite simple to use it, just specify the type as landing and sidebar as false in the page front matter, the rest is all about your content.

1+++
2type = "landing"
3sidebar = false
4+++

Let’s take home page as an example, create the content/_index.md with the following content.

 1---
 2title: Home
 3type: landing
 4---
 5
 6{{< text/align-center >}}
 7<h1>Hello world.</h1>
 8{{< /text/align-center >}}
 9
10<br>
11
12{{< text/align-center >}}
13<h2>The subtitle landing page example.</h2>
14{{</* /text/align-center >}}