마크다운 문법

2021-10-03

markdown

# Markdown guide

마크다운 사용법

# 글자 크기

# This is an <h1> tag
## This is an <h2> tag
### This is an <h3> tag
#### This is an <h4> tag
##### This is an <h5> tag
###### This is an <h5> tag

1
2
3
4
5
6

# 강조

*This text will be italic*
_This will also be italic_

**This text will be bold**
__This will also be bold__

_You **can** combine them_

~~This text will be strikethrough~~

1
2
3
4
5
6
7
8
9

This text will be italic
This will also be italic

This text will be bold
This will also be bold

You can combine them

~~This text will be strikethrough~~

# 리스트

# 정렬안함

- Item 1
- Item 2
  - Item 2a
  - Item 2b
    + Item 2ba
     * Item 2baa

1
2
3
4
5
6

Item 1
Item 2
- Item 2a
- Item 2b
  - Item 2ba
  - Item 2baa

# 정렬

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

1
2
3
4
5

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

# 이미지

![GitHub Logo](/img/202204/xxx.png)
Format: ![Alt Text](url)

1
2

<img src="http://....jpg" width="200" height="200" />

# 링크

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

1
2

https://github.com - automatic!
GitHub (opens new window)

# 인용

As I said:

> A is A
> A is not B
> > A is B

1
2
3
4
5

As I said:

A is A
A is not B

A is B

# 라인 생성

Three or more...
 ---
 ***
Hyphens

1
2
3
4

Three or more...

Hyphens

# 목록 리스트

- [x] @mentions, #refs, [links](), **formatting**, and <del>tags</del> supported
- [x] list syntax required (any unordered or ordered list supported)
- [x] this is a complete item
- [ ] this is an incomplete item

1
2
3
4

[x] @mentions, #refs, links, formatting, and ~~tags~~ supported
[x] list syntax required (any unordered or ordered list supported)
[x] this is a complete item
[ ] this is an incomplete item

# 표

| Tables        | Are           | Cool  |
|:------------- |:-------------:| ------------:|
|left align     |     center    |   right align|

1
2
3

Tables	Are	Cool
left align	center	right align

# 코드블록에서 하이라이트

Line ranges and single lines: for example {4,7-13,16,23-27,40}

```javascript {2}
function add(x, y) {
  return x + y;
}
```

1
2
3
4
5

function add(x, y) {
  return x + y;
}

1
2
3

# 어깨 글자(Superscript)

30^th^ or 30<sup>th</sup>

30^th

# 첨자

H~2O or H<sub>2</sub>0

H₂O

# 유투브 링크

<iframe
    width="640"
    height="480"
    src="https://www.youtube.com/embed/UmX4kyB2wfg"
    frameborder="0"
    allow="autoplay; encrypted-media"
    allowfullscreen
>
</iframe>

1
2
3
4
5
6
7
8
9

# 참고

마크다운 프로세서가 inline html을 지원하지 않을 경우

[![text][(img link)](youtube link)

https://www.youtube.com/watch?v={id}
img link => https://img.youtube.com/vi/{id}/0.jpg

0.jpg : 480360 ( Player background )
1.jpg : 12090 ( start )
2.jpg : 12090 ( middle )
3.jpg : 12090 ( end )
hqdefault.jpg : 480360 ( Player background )
mqdefault.jpg :320180 ( Player background )
default.jpg :120*90 ( Player background )