# vuepress 블로그 마크다운
# escape
backslash(\)를 사용
const message = \`제 이름은 ${name}입니다\`;
const message = `제 이름은 ${name}입니다`;
# image
1
# list(*, +, -)
- 1단계
- 2단계
- 3단계
- 4단계
1
2
3
4
2
3
4
- 1단계
- 2단계
- 3단계
- 4단계
- 3단계
- 2단계
# Links
<!-- 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
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
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
2
3
4
- 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
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