Let's take a look at how a post would be like

Yuya Saito 28th February 2020

This is an heading 1 lorem ipsum dolor #

This is body copy lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This is body copy duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

This is an heading 2 #

heading 3 #

This is heading 4 #

This is heading 5 #

This is heading 1 #

And heading 2 as subheading #

Code block would looks like this:

h1,
.h1,
.alpha,
h2,
.h2,
.beta,
h3,
.h3,
.gamma,
h4,
.h4,
.delta,
h5,
.h5,
.epsilon,
h6,
.h6,
.zeta {
}

h1,
.h1,
.alpha {
}
h2,
.h2,
.beta {
}
h3,
.h3,
.gamma {
}
h4,
.h4,
.delta {
}
h5,
.h5,
.epsilon {
}
h6,
.h6,
.zeta {
}

and here is inline code.

heading 3 introducing block quote #

You can’t connect the dots looking forward; you can only connect them looking backwards. So you have to trust that the dots will somehow connect in your future.

— Jobs, Steve. “Stanford Commencement Address.” 12 June 2005. Speech.

How about images? #

With heading 3 as subheading #

Site flow for Virga — This is a site flow for Virga

How about footnotes? #

Here is a footnote reference,^[1] and another.^[2]

Here is the footnote. ↩︎
Here’s one with multiple blocks. ↩︎