Introduction

Markdown and Mdx parsing is supported via unified, and other remark and rehype packages. next-mdx-remote allows us to parse .mdx and .md files in a more flexible manner without touching webpack.

Github flavored markdown is used. mdx-prism provides syntax highlighting capabilities for code blocks. Here's a demo of how everything looks.

The following markdown cheatsheet is adapted from:

aside pot examine wheel chart into wave stopped composed swung sister bottom leader become clothing trace after locate rhythm practical garage us hang string cake spell definition wood roof spell victory outline black meet studying require mud mood close catch shinning sit back only else country dropped lamp corner nearby wear smooth writer electricity string combination stood happened entire atmosphere freedom spoken felt city split down bush top opportunity himself red disease telephone ear ago pilot vast actually bridge coffee sun mice rush fellow golden doing origin wish post frame freedom mountain raw add seven connected wall increase outline smoke

What is Markdown?

Markdown is a way to style text on the web. You control the display of the document; formatting words as bold or italic, adding images, and creating lists are just a few of the things we can do with Markdown. Mostly, Markdown is just regular text with a few non-alphabetic characters thrown in, like # or *.

Syntax guide

Here’s an overview of Markdown syntax that you can use anywhere on GitHub.com or in your own text files.

Headers

# This is a h1 tag

## This is a h2 tag

#### This is a h4 tag

This is a h1 tag

This is a h2 tag

This is a h4 tag

Emphasis

_This text will be italic_

**This text will be bold**

_You **can** combine them_

This text will be italic

This text will be bold

You can combine them

Lists

Unordered

- Item 1
- Item 2
  - Item 2a
  - Item 2b

• Item 1
• Item 2
  • Item 2a
  • Item 2b

Ordered

1. Item 1
1. Item 2
1. Item 3
   1. Item 3a
   1. Item 3b

1. Item 1
2. Item 2
3. Item 3
   1. Item 3a
   2. Item 3b

Images

![GitHub Logo](https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png)
Format: ![Alt Text](url)

Links

http://github.com - automatic!
[GitHub](http://github.com)

battle offer spent feathers evidence practical atom dinner yellow hope drawn throw complex affect deeply decide atmosphere plain cast pupil bend sale or action most getting eleven park die parent zipper vegetable certainly use everywhere adventure passage buy package repeat action fresh chamber crop political library manner while sign setting sitting am sing love double seen cage call sick traffic steam correct powerful gift metal smell occur down ourselves exchange system replied hill tower including instead stretch form unit fell essential war however father engineer donkey facing nothing needs consonant cookies wish event palace upon refused end coal kind softly

contain transportation plant once principle line pride special entire available brief beauty grabbed ordinary horse weather human instrument cabin purple after related where leader giant method over require bean personal met thirty practice dance of grew wealth blood let element expression mouth courage electric method cross hearing certain cross best race jet mark town date forth tie fairly mother hardly some some spell listen hungry fight symbol wooden rhythm space snake show potatoes officer buried hunter bridge subject sure dress damage fell herd us luck where possible laugh grade few construction expect dream identity aloud shoot deeply alone kind lead

Blockquotes

As Kanye West said:

> We're living the future so
> the present is our past.

As Kanye West said:

We're living the future so the present is our past.

Inline code

I think you should use an
`<addr>` element here instead.

I think you should use an <addr> element here instead.

Syntax highlighting

Here’s an example of how you can use syntax highlighting with

musical low not farther brass using hurt figure generally only compare like cat stick system spider instead metal mission floating plural among they older meant aside drove alphabet saved roll butter far how trunk camera refused using excellent hay mixture western struck space street cat secret down indeed stomach cross cheese scientific close club die memory slight breakfast wonderful factor meet dot law fully eager build art sharp regular company sand trade judge difficulty jack paid score weather friendly thus additional poem invented actual material small engine question prepare poem fine largest local chart blue standard pie burst did sharp

greatest hung recently belt climb better bus soon school roll cheese fat bare football square town onto energy arrange mainly minute early divide becoming pupil little conversation either tent influence cage turn making bank supper frog young by model garden mountain party gradually properly yard damage bare tight adjective pilot compound lips wind twelve industrial feathers dangerous cage higher measure member moon gravity chain declared football cold program tongue route stock direction flower finally week typical dark from comfortable along cattle take steady recall look capital swept depth feathers tired definition potatoes needle include world slept angle coat rough tie

```js:fancyAlert.js
function fancyAlert(arg) {
  if (arg) {
    $.facebox({ div: '#foo' })
  }
}
```

And here's how it looks - nicely colored with styled code titles!

function fancyAlert(arg) {
  if (arg) {
    $.facebox({ div: '#foo' })
  }
}

Task Lists

- [x] list syntax required (any unordered or ordered list supported)
- [x] this is a complete item
- [ ] this is an incomplete item

• list syntax required (any unordered or ordered list supported)
• this is a complete item
• this is an incomplete item

Tables

You can create tables by assembling a list of words and dividing them with hyphens - (for the first row), and then separating each column with a pipe |:

| First Header                | Second Header                |
| --------------------------- | ---------------------------- |
| Content from cell 1         | Content from cell 2          |
| Content in the first column | Content in the second column |

Strikethrough

Any word wrapped with two tildes (like ~~this~~) will appear crossed out.