마크다운(Markdown) 기본 문법들 - 줄바꾸기, 이미지, 테이블 등

띄어쓰기 및 줄바꾸기

• 띄어쓰기는 스페이스 1번, 여러번 띄어쓰고 싶으면  을 사용
• 줄바꾸기는 줄 끝에서 스페이스 2번이나 <br>을 사용
• 단락바꾸기는 엔터를 두번쳐야하고, 엔터 여러번 친다고 여러 줄이 띄어지는건 아님

동해물과 백두산이 마르고 닳도록   <!--줄 끝에서 스페이스 2번-->
하느님이 보우하사 우리나라 만세<br>
무궁화 삼천리 화려 강산
<!--줄바꿈 2번-->

대한 사람 대한으로 길이 보전하세

 

제목

# 헤더1
## 헤더2
### 헤더3
#### 헤더4
##### 헤더5
###### 헤더6

 

목록

• 숫자 목록

1. 하나
2. 둘
3. 셋

• 기호 목록

* 하나
    + 둘
        - 셋

 

강조

_이탤릭_ , *이탤릭*
__볼드__ , **볼드**
___이탤릭볼드___ , ***이탤릭볼드***
**이렇게 _할수도_**
~~취소선~~

 

구분선

---
***
___
* * *
*****
- - -
-------------------

 

코드 인용

* 단어 코드
# `코드`

* 블록 코드
# ```
# 블록인용
# ```

# ~~~
# 또는 블록인용
# ~~~

* 언어별 문법 하이라이트
# ```ruby
# require 'redcarpet'
# markdown = Redcarpet.new("Hello World!")
# puts markdown.to_html
# ```

 

인용구

> 인용구는 이렇게
>> 여러단도 가능
>>> 3단

 

각주, 미주

각주 1 [^1]
각주 2 [^2]

[^1]: 페이지 끝에 1
[^2]: 페이지 끝에 2

 

표

* 좌측 정렬
| 항___목 | 가___격 | 개___수 |
| ------- | ------- | ------- |
| 라면    | 800원   | 10개    |
| 과자    | 900원   | 20개    |

* 중앙 정렬
| 항___목 | 가___격 | 개___수 |
| :-----: | :-----: | :-----: |
|  라면   |  800원  |  10개   |
|  과자   |  900원  |  20개   |

* 좌측 / 중앙 / 우측 정렬
| 항___목 | 가___격 | 개___수 |
| :------ | :-----: | ------: |
| 라면    |  800원  |    10개 |
| 과자    |  900원  |    20개 |

 

링크

* 주소 직접 표시
https://iamjaeeuncho.github.io

* 현재 창에서 열기
[어느 흔한 분석가의 기록](https://iamjaeeuncho.github.io/)

* 새탭으로 열기
[어느 흔한 분석가의 기록](https://iamjaeeuncho.github.io/){:target="_blank"}

 

이미지

• 마크다운 이미지 사이즈 조정 방법은 아래와 같은데, 사이즈 조정이랑 정렬은 안되는 것 같다. HTML 태그로 사이즈 조절이랑 정렬해야할 듯 하다.

* 이미지 삽입 - 인라인
![제목](https://shared-comic.pstatic.net/thumb/webtoon/81482/thumbnail/title_thumbnail_20131025191151_t125x101.jpg)

* 이미지 리사이징
![제목](https://shared-comic.pstatic.net/thumb/webtoon/81482/thumbnail/title_thumbnail_20131025191151_t125x101.jpg){: width="50" height="50"}

* 이미지 리사이징 + 가운데 정렬
![제목](https://shared-comic.pstatic.net/thumb/webtoon/81482/thumbnail/title_thumbnail_20131025191151_t125x101.jpg){: width="300px" height="300px"}{: .center}

<img src="https://shared-comic.pstatic.net/thumb/webtoon/81482/thumbnail/title_thumbnail_20131025191151_t125x101.jpg" width="50" height="50"/>

 

동영상

• 페이지 안에서 동영상 재생하려면 HTML이나 JAVASCRIPT 밖에 없는 것 같다

{% include video id="iXFNO9v_uz4" provider="youtube" %}

 

마크다운 무시하기

• 앞에 backslash \ 또는 블록 인용

*이건데*
\*이렇게\*