마크다운 문법 소개
저작자 표시
저작자 표시를 한다면, 다른 사람이 별도의 허락없이 내 창작물을 복사하거나 배포해도 괜찮습니다.
변경 가능
다른 사람이 내 창작물을 변경하거나 다른 창작물에 적용하는 등 재창작을 해도 괜찮습니다.
동일 라이선스 적용
다른 사람이 내 창작물로 재창작을 한 경우, 재창작한 창작물에 내가 적용한 라이선스와 동일한 라이선스를 적용해야 합니다.
상업적 이용 가능
내 창작물을 상업적 용도의 창작물에 사용해도 괜찮습니다.
저작자표시-비영리-변경금지
라이선스가 적합합니다.
저작자를 표시하고, 비용리 목적으로만 사용하고, 변경하지 않으면 자유롭게 쓸 수 있습니다.
목차
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'](http://www.example.com/){: target="_blank" }
새창으로 버튼 링크
['test'](http://www.example.com/){: .btn.btn-default target="_blank" }
자동 링크
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/
-
And here is the definition. ↩
