Markdown
A short guide on Markdown syntax.
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
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 |