Basic Styling

This is a paragraph that can contain standard text content. It also supports italics and bold text, as well as inline code and strikethrough. There are also some special custom typography effects like the wavy letters effect .

This is a block quote. Good for quoting something longer than a single line.

This also supports the same text effects mentioned before.

You can also do bigger code blocks like this. Sytax highlighting should work automatically:

const example = () => {
  return "hello";
};

Splits

Splits can be made to mark out different secions of the post. To make a split, add :::split before and ::: after the content.

If a code block is the only thing in the split then it will fill the entire section. Check this out!

.container {
  display: grid;
  grid-template-rows: 1fr 1fr auto;
  grid-template-columns: 200px auto;
}

Lists

Unordered lists are denoted with -. They look like this:

  • This is an item
  • This is also an item
  • There are no numbers in an unordered list!

On the other hand, ordered lists have numbers. They look like this:

  1. This is a list of items
  2. They should have numbered labels!
  3. So many numbers!

They can also be indented to make sub-lists:

  1. This is the first item
    • Step one of the first item
    • Step two
  2. This is the second item
  3. Third item

Info Boxes

There are also special info boxes that are designed to display information that you don’t want the reader to miss.

Success

Your request was successful.

This is just a note, it should add some extra context to something going on.

There can be other markdown in here like this:

const doThing = (): number => {
  return 5;
};

Cool, huh?

Error

Something went wrong