[Markdown] 마크다운 문법 - 깃허브 위키

출처 : http://ccl.cckorea.org/syntax/#section  

---

[Markdown] 마크다운 문법 - 깃허브 위키

1. 목차
   1. 목차에서 제외하기
2. 제목 h1, h2, h3, h4
3. 두꺼운 스타일
4. 링크
   1. 일반 링크
   2. 새창으로 링크
   3. 새창으로 버튼 링크
   4. 자동 링크
5. 문단 (p)
6. 인용 (blockquote)
7. 정렬
   1. 가운데 .text-center
   2. 왼쪽 .text-left
   3. 오른쪽 .text-right
8. 각주
9. 축약어 (HTML)
10. 테이블
11. 깃헙 마크다운 도움말 페이지 링크

목차

0. TOC (순서없는 목록) - 숫자로 시작
{:toc}

* TOC (순서 목록) - 목록형으로 시작
{:toc}

# 디자인 시안처럼 목록 스타일 없이 직접 제목으로만 목차를 구성하고 싶으면 
아래처럼 `no-style` 클래스를 추가합니다.

* TOC (목록 스타일 없는 목록)
{:toc}
{: .no-style }

목차에서 제외하기

기본적으로 헤드라인 즉 제목 요소들이 자동으로 목차로 변환되어 출력되지만 
제외하고 싶은 제목 밑에 {: .no_toc }을 추가하면 그 제목은 목차에서 제외됩니다.

## 이탤릭 스타일 <em>
{: .no_toc}

예시로 위에서 처럼 이탤릭 스타일이라는 제목 아래 구문을 추가해서 원래대로라면 목차에서 두꺼운 스타일 아래 이탤릭 스타일이 나와야 하지만 목차에서 제외된 걸 확인할 수 있습니다.

제목 h1, h2, h3, h4

# h1
## h2
### h3
#### h4

두꺼운 스타일

두꺼운 스타일

**두꺼운 스타일**

이탤릭 스타일

이탤릭

*이탤릭*

링크

일반 링크

['test'](http://www.example.com/)

‘test’

새창으로 링크

['test'](http://www.example.com/){: target="_blank" }

‘test’

새창으로 버튼 링크

['test'](http://www.example.com/){: .btn.btn-default target="_blank" }

‘test’

자동 링크

autolink: <http://www.example.com/>

autolink: http://www.example.com/

문단 (p)

Lorem ipsum dolor sit amet, consectetur
adipisicing elit. Quasi error quod libero

 

corporis, iste sit nulla similique enim dignissimos asperiores, illo numquam architecto maxime ab tenetur repellendus, dicta sed officia.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi error quod libero

 

corporis, iste sit nulla similique enim dignissimos asperiores, illo numquam architecto maxime ab tenetur repellendus, dicta sed officia.

인용 (blockquote)

> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem numquam, laboriosam, omnis eligendi ratione voluptas natus! Vitae consectetur molestiae, ab. Nemo rem maxime ea eos facilis ducimus suscipit voluptates obcaecati?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem numquam, laboriosam, omnis eligendi ratione voluptas natus! Vitae consectetur molestiae, ab. Nemo rem maxime ea eos facilis ducimus suscipit voluptates obcaecati?

정렬

가운데 .text-center

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi error quod libero corporis, iste sit nulla similique enim dignissimos asperiores, illo numquam architecto maxime ab tenetur repellendus, dicta sed officia.
{: .text-center }

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi error quod libero corporis, iste sit nulla similique enim dignissimos asperiores, illo numquam architecto maxime ab tenetur repellendus, dicta sed officia.

왼쪽 .text-left

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi error quod libero corporis, iste sit nulla similique enim dignissimos asperiores, illo numquam architecto maxime ab tenetur repellendus, dicta sed officia.
{: .text-left }

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi error quod libero corporis, iste sit nulla similique enim dignissimos asperiores, illo numquam architecto maxime ab tenetur repellendus, dicta sed officia.

오른쪽 .text-right

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi error quod libero corporis, iste sit nulla similique enim dignissimos asperiores, illo numquam architecto maxime ab tenetur repellendus, dicta sed officia.
{: .text-right }

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi error quod libero corporis, iste sit nulla similique enim dignissimos asperiores, illo numquam architecto maxime ab tenetur repellendus, dicta sed officia.

각주

This is a text with a footnote1.

This is a text with a
footnote[^1].

[^1]: And here is the definition.

축약어 (HTML)

This is an HTML example.

This is an HTML
example.

*[HTML]: HyperTextMarkupLanguage

테이블

First Header  | Second Header
------------- | -------------
Content Cell  | Content Cell
Content Cell  | Content Cell
{: .table}

 

First Header	Second Header
Content Cell	Content Cell
Content Cell	Content Cell

   

|  Left-Aligned |  Center Aligned | Right Aligned |
| :------------ | :-------------: | ------------: |
| col 3 is      | some wordy text |         $1600 |
| col 2 is      |     centered    |           $12 |
| zebra stripes |     are neat    |            $1 |
{: .table}

 

Left-Aligned	Center Aligned	Right Aligned
col 3 is	some wordy text	$1600
col 2 is	centered	$12
zebra stripes	are neat	$1

   

깃헙 마크다운 도움말 페이지 링크

https://guides.github.com/features/mastering-markdown/