Posted 2019-10-21Updated 2023-10-20markDown

내가 보려고 만든 Markdown 사용법

Headers

문서 제목(Title)

1 2	`이것은 문서 제목입니다 h1 태그와 동일합니다 =====================`

이것은 문서 제목입니다 h1 태그와 동일합니다

문서 부제목(Sub title)

1 2	`이것은 문서 부제목입니다 h2 태그와 동일합니다 ----------------------`

이것은 문서 부제목입니다 h2 태그와 동일합니다

글머리(h1 ~ 6))

# 이것은 h1 입니다
## 이것은 h2 입니다
### 이것은 h3 입니다
#### 이것은 h4 입니다
##### 이것은 h5 입니다
###### 이것은 h6 입니다

이것은 h1 입니다

이것은 h2 입니다

이것은 h3 입니다

이것은 h4 입니다

이것은 h5 입니다

이것은 h6 입니다

Block Quote

블록 인용 문자 `>` 를 사용한다

1	`> 이것은 블록인용 문자 입니다`

이것은 블록인용 문자 입니다

중첩해서 사용이 가능하다

1
2
3

> 이것은 첫 번째 블록인용 문자 입니다
>> 이것은 두 번째 블록인용 문자 입니다
>>> 이것은 세 번째 블록인용 문자 입니다

이것은 첫 번째 블록인용 문자 입니다

이것은 두 번째 블록인용 문자 입니다

이것은 세 번째 블록인용 문자 입니다

인용문 안에 다른 Markdown 요소를 넣을 수 있다

1 2	`> ##### 이것은 인용문 안의 h5 태그 입니다 >> ~~~이것은 인용문 안의 코드블록 입니다~~~`

이것은 인용문 안의 h5 태그 입니다
this is code block

순서 있는 목록(번호)

1
2
3

1. first
2. second
3. third

first
second
third

어떤 번호를 입력해도 내림차순으로 정렬된다

1
2
3

1. first
3. third
2. second

first
third
second

순서 없는 목록(글머리 기호)

- first
    - second
        - third

+ first
    + second
        + third

* first
    * second
        * third

first
- second
  - third

first
- second
  - third

first
- second
  - third

깊이를 조절하기 위해 tap을 사용한다

혼합해서 사용하는 것도 가능하다

1
2
3

1. first
    2. second
        3. third

first
1. second
  1. third

Code

Code Blocks

코드 첫줄과 마지막 줄에 ``` 혹은 ~~~을 붙여 사용한다

test.py

```
   이것은
   코드 코드블럭
   입니다
```

1
2
3

이것은
코드 코드블럭
입니다

array.map

1	`array.map(callback[, thisArg])`

언어 자동 식별 기능을 통해 코드 하이라이팅이 가능하다

```python 
import os

print(os.path)
```

1
2
3

import os

print(os.path)

Inline code block

1	`인라인 코드 블록`

인라인 코드 블록

강조 Emphasis

기울여 쓰기(italic)

1 2	`기울여 쓰고싶은 것 _기울여 쓰고 싶은 것_`

기울여 쓰고싶은 것
기울여 쓰고 싶은 것

굵게 쓰기(bold)

1 2	`굵게 쓰고 싶은 것 __굵게 쓰고 싶은 것__`

굵게 쓰고 싶은 것
굵게 쓰고 싶은 것

취소선

1	`~~취소선 입니다~~`

~~취소선 입니다~~

수평선`<hr>`

1
2
3

---
***
___

윗첨자

1	`이것은 윗첨자<sup>입니다</sup>.`

이것은 윗첨자^입니다.

아랫첨자

1	`이것은 아랫첨자<sub>입니다</sub>.`

이것은 아랫첨자_입니다.

링크(link)

외부 링크(External links)

인라인 링크

1	`[ColorLion](https://ColorLion.github.io)`

ColorLion
참조 링크

[ColorLion][1]
[google][2]

[1]:https://ColorLion.github.io"ColorLion"
[2]:https://google.com "구글"

ColorLion
google

링크와 아래 참조 부분을 띄워야 한다

URI 링크

1 2	`<https://ColorLion.github.io> <example@email.com>`

https://ColorLion.github.io
example@email.com

내부 링크(Internal Link)

1	`[내가 보려고 만든 사용법](https://colorlion.github.io/2019/10/21/Markdown-%EC%82%AC%EC%9A%A9%EB%B2%95/)`

내가 보려고 만든 사용법

뭐 원하는 그림은 아니지만 어떻게든 됐다

테이블(Table)

테이블 생성

Header1 | Header2
--------|--------
Content1 | Content2
Content3 | Content4

Header1	Header2
Content1	Content2
Content3	Content4

테이블 정렬

1
2
3

Header1 | Header2 | Header3
:------- | :-------: | -------: 
Left | center | right

Header1	Header2	Header3
Left	center	right

이미지

인라인 이미지

1	`![이미지 텍스트](/img/Markdown-사용법/cap.png)`

이미지 텍스트

링크 이미지

1	`![이미지 텍스트](https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png)`