# Heading 1

## Heading 2

### Heading 3

#### Heading 4

##### Heading 5

###### Heading 6

        

          [Internal Link](/articles)

[External Link](https://github.com/sunshj/mdc)

[`InlineCode Link`](https://github.com/sunshj/mdc)

        

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

        

          ```ts
export default () => {
  console.log('Code block')
}
```

```ts [With Title]
export default () => {
  console.log('Code block')
}
```

```ts{2} [Highlight Lines]
export default () => {
  console.log('Code block');
};
```

```ts [Diff Lines]
export default () => {
  console.log('Code blcok') // [!code --]
  console.log('Code block') // [!code ++]
}
```

        

          ::code-group
  ```bash [npm]
  npm run dev
  ```

  ```bash [pnpm]
  pnpm dev
  ```

  ```bash [yarn]
  yarn dev
  ```

  ```bash [bun]
  bun run dev
  ```
::

        

          `code inline`

`const codeInline: string = 'highlighted code inline'`{lang="ts"}

        

          Before

---

After

        

          ![Photo by Drew Beamer](https://images.unsplash.com/photo-1588345921523-c2dcdb7f1dcd?w=800&dpr=2&q=80 "Get image from unsplash.com")

[![npm version](https://img.shields.io/npm/v/@sunshj/mdc/latest.svg?style=flat&colorA=020420&colorB=00DC82)](https://npmjs.com/package/@sunshj/mdc) [![Nuxt](https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js)](https://nuxt.com)

        

          - First item
- Second item
- Third item
    - Indented item
    - Indented item
- Fourth item

        

          1. First item
2. Second item
3. Third item
    1. Indented item
    2. Indented item
4. Fourth item

        

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

        

          **Just a strong paragraph.**

        

          *Just an italic paragraph.*

        

          | Key | Type      | Description                                 |
| --- | --------- | ------------------------------------------- |
| 1   | Wonderful | Table with `some long code snippet example` |
| 2   | Wonderful | Data                                        |
| 3   | Wonderful | Website                                     |

        

          ~~Just a strikethrough paragraph.~~

        

          - [x] Foo
- [ ] Bar
- [ ] Baz

        

          :smile:
:heart:
:rocket:

        

          :shortcut{value="meta"} :shortcut{value="K"} :br
:shortcut{value="xs" size="xs"} :shortcut{value="sm"} :shortcut{value="md" size="md"}