User Guide

Markdown

A short guide on Markdown syntax.

Sample

Markdown is an easy-to-read, easy-to-write plain text format used for marking up page content in Motif. More advanced content can be built with MDX using JSX, which allow you to create arbitrary components and even add interactivity.

Headings

Heading 1

Heading 2

Heading 3

Heading 4

# Heading 1
## Heading 2
### Heading 3
#### Heading 4

Text

Normal, bold, italic, bold italic, ~~strikethrough~~.

Normal, **bold**, _italic_, **_bold italic_**, ~~strikethrough~~.

Lists

Bullet
Points

Numbered
Lists

Nested
Lists

- Bullet
- Points
1. Numbered
2. Lists
- Nested
- Lists

Quotes

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Links

An inline link.

An [inline](https://motif.land) link.

URLs such as www.motif.land or https://motif.land will automatically get turned into links without additional markup.

Images

Lego

![Lego](https://images.unsplash.com/photo-1490750967868-88aa4486c946?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1200&q=80)

Hint: use the slash command /image to bring up the file picker and upload an image.

Code

An inline code block.

var i = "A standalone code block."

An `inline` code block.

```
var i = "A standalone code block."
```

Syntax highlighting

Syntax highlighting is supported by adding a language extension after the opening backticks:

def fib(n):
  """Print n'th Fibonacci number,"""
  assert n >= 0, "n > 0"
  if n <= 1:
    return n
  return fib(n-1) + fib(n-2)

```python
def fib(n):
  """Print n'th Fibonacci number,"""
  assert n >= 0, "n > 0"
  if n <= 1:
    return n
  return fib(n-1) + fib(n-2)
```

Tables

Header 1	Header 2	Header 3
Left aligned	Centered	Right aligned
Inline	markdown	is also supported

| Header 1     |   Header 2   |          Header 3 |
| :----------- | :----------: | ----------------: |
| Left aligned |   Centered   |     Right aligned |
| _Inline_     | **markdown** | is also supported |

Hint: use the slash command /table to automatically generate a table template.