MIND UPLOAD

# vuepress 블로그 마크다운

# 이탤릭체, 볼드, 취소선, 밑줄

*이탤릭체*  
_이탤릭체_  
**볼드**  
__볼드__  
~~취소선~~  
<U>밑줄</U>  
<mark>형광펜</mark>
1
2
3
4
5
6
7

이탤릭체
이탤릭체
볼드
볼드
취소선
밑줄
형광펜

# 표

|    |<center>right</center>|<center>left</center>|center                |
|----|---------------------:|:--------------------|:--------------------:|   # 차례로 오른쪽, 왼쪽, 가운데 정렬
|row1|data                  |data                 |data                  |
|row2|data2-1               |data2-2              |data2-3               |
|row3|data 3-1              |data 3-2             |data 3-3              |
1
2
3
4
5
right
left
 center
row1 data data data
row2 data2-1 data2-2 data2-3
row3 data 3-1 data 3-2 data 3-3

# escape

backslash(\)를 사용

const message = \`제 이름은 ${name}입니다\`;

const message = `제 이름은 ${name}입니다`;

# image

![image](~@image/1.jpg)
1

image

# list(*, +, -)

- 1단계
  - 2단계
    - 3단계
      - 4단계
1
2
3
4
  • 1단계
    • 2단계
      • 3단계
        • 4단계
<!-- relative path -->

[Home](../README.md)  
[Config Reference](../reference/config.md)  
[Getting Started](./getting-started.md)

<!-- absolute path -->

[Guide](/guide/README.md)  
[Config Reference > markdown.links](/reference/config.md#links)

<!-- URL -->

[GitHub](https://github.com)
1
2
3
4
5
6
7
8
9
10
11
12
13
14

# Emoji 😃

:tada:
1

🎉

emoji cheat sheet (opens new window)

# Table of Contents

[[toc]]
1

# Code Blocks

# Line Highlighting

```ts{1,6-8}
import { defaultTheme, defineUserConfig } from 'vuepress'

export default defineUserConfig({
  title: 'Hello, VuePress',

  theme: defaultTheme({
    logo: 'https://vuejs.org/images/logo.png',
  }),
})
```
1
2
3
4
5
6
7
8
9
10
11
  • Line ranges: {5-8}
  • Multiple single lines: {4,7,9}
  • Combined: {4,7-13,16,23-27,40}

# Components

<Badge text="demo" />
- VuePress - <Badge type="tip" text="v2" vertical="top" />
- VuePress - <Badge type="warning" text="v2" vertical="middle" />
- VuePress - <Badge type="error" text="v2" vertical="bottom" />
1
2
3
4
demo
  • VuePress - v2
  • VuePress - v2
  • VuePress - v2

# Code Groups and Code Blocks 1.6.0+

    yarn create vuepress-site [optionalDirectoryName]
    1
    npx create-vuepress-site [optionalDirectoryName]
    1
    // Make sure to add code blocks to your code group

    # Default Title

    TIP

    This is a tip

    WARNING

    This is a warning

    WARNING

    This is a dangerous warning

    DETAILS

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

    STOP

    Danger zone, do not proceed

    Click me to view the code 
    console.log("Hello, VuePress!");
    1
    ::: tip
This is a tip
:::

::: warning
This is a warning
:::

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

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

::: danger STOP
Danger zone, do not proceed
:::

::: details Click me to view the code

```js
console.log("Hello, VuePress!");
```

:::
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    #vuepress

    ← vuepress 블로그 세팅 가이드 →