Table of Contents

• 코드 블록
  • Java 코드
  • 터미널
  • 쉘 스크립트
• 컨테이너
  • tip
  • warning
  • danger
  • detail
• Header Anchor Depth
• 테이블

Vuepress 마크다운 문법 정리

Vuepress에서 마크다운 문법을 사용하는 방법에 대해 정리합니다.

코드 블록

Java 코드

``` java
class App {
    // ...
}
```

class App {
    // ...
}

터미널

``` shellsession
$ cd ~/app
$ ls
README.md         deploy.sh         node_modules      
package-lock.json package.json      src

$ echo "Hello World"
$ su -
# ps
```

$ cd ~/app
$ ls
README.md         deploy.sh         node_modules      
package-lock.json package.json      src

$ echo "Hello World"
$ su -
# ps

쉘 스크립트

``` sh
cd ~/app
ls
README.md         deploy.sh         node_modules      
package-lock.json package.json      src

echo "Hello World"
su -
ps
```

cd ~/app
ls
README.md         deploy.sh         node_modules      
package-lock.json package.json      src

echo "Hello World"
su -
ps

컨테이너

tip

::: tip
This is a tip
:::

TIP

This is a tip

::: tip Information
Information
:::

Information

Information

warning

::: warning
This is a warning
:::

WARNING

This is a warning

danger

::: danger
This is a dangerous warning
:::

DANGER

This is a dangerous warning

detail

::: details
This is a details block, which does not work in IE / Edge
:::

DETAILS

This is a details block, which does not work in IE / Edge

::: details Click me to view the code
```js
console.log('Hello, VuePress!')
```
:::

Click me to view the code

console.log('Hello, VuePress!')

Header Anchor Depth

---
title: "Vuepress 마크다운 문법 정리"
showOnSidebar: true
sidebarDepth: 0     // disable header links
sidebarDepth: 1     // extracts the h2 headers (default)
sidebarDepth: 2     // extracts both h2 and h3 headers
---

테이블

|제목|내용|
|------|---|
|테스트1|테스트2|
|테스트1|테스트2|

제목	내용
테스트1	테스트2
테스트1	테스트2