마크다운 기본 문법
헤더
# Header one
## Header two
### Header three
#### Header four
##### Header five
###### Header six
Header one
Header two
Header three
Header four
Header five
Header six
Blockquotes
` > ` 를 사용해 강조문을 만들 수 있습니다.
예 )
test
예 )
test
test
Tables
표 작성 기능
| Employee | Salary | |
|------------------|--------|--------------------------------------------------------------|
| [John Doe](#) | $1 | Because that's all Steve Jobs needed for a salary. |
| [Jane Doe](#) | $100K | For all the blogging she does. |
| [Fred Bloggs](#) | $100M | Pictures are worth a thousand words, right? So Jane × 1,000. |
| [Jane Bloggs](#) | $100B | With hair like that?! Enough said. |
| Header1 | Header2 | Header3 |
|:--------|:-------:|--------:|
| cell1 | cell2 | cell3 |
| cell4 | cell5 | cell6 |
|-----------------------------|
| cell1 | cell2 | cell3 |
| cell4 | cell5 | cell6 |
|=============================|
| Foot1 | Foot2 | Foot3 |
:--------
구분은 header를 의미합니다 , : 는 정렬을 의미합니다.===
구분은 footer를 의미합니다.
예 ) | Employee | Salary | | |——————|——–|————————————————————–| | John Doe | $1 | Because that’s all Steve Jobs needed for a salary. | | Jane Doe | $100K | For all the blogging she does. | | Fred Bloggs | $100M | Pictures are worth a thousand words, right? So Jane × 1,000. | | Jane Bloggs | $100B | With hair like that?! Enough said. |
Header1 | Header2 | Header3 |
---|---|---|
cell1 | cell2 | cell3 |
cell4 | cell5 | cell6 |
cell1 | cell2 | cell3 |
cell4 | cell5 | cell6 |
Foot1 | Foot2 | Foot3 |
Unordered Lists (Nested)
-
와 *
로 Unordered Lists 를 작성할 수 있습니다.
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
Ordered List (Nested)
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
Buttons
-
블로그 테마는 버튼을 지원합니다.
-
방법 1
<a href="#" class="btn--success">Success Button</a>
- 방법 2
[Default Button Text](#link){: .btn}
[Primary Button Text](#link){: .btn .btn--primary}
[Accent Button Text](#link){: .btn .btn--accent}
[Success Button Text](#link){: .btn .btn--success}
[Warning Button Text](#link){: .btn .btn--warning}
[Danger Button Text](#link){: .btn .btn--danger}
[Info Button Text](#link){: .btn .btn--info}
[Inverse Button](#link){: .btn .btn--inverse}
[Light Outline Button](#link){: .btn .btn--light-outline}
예 ) Default Button Text Primary Button Text Accent Button Text Success Button Text Warning Button Text Danger Button Text Info Button Text Inverse Button Light Outline Button
Notices
- 블로그 테마는 Notices 기능을 지원합니다.
**Watch out!** This paragraph of text has been [emphasized](#) with the `{: .notice}` class.
{: .notice}
**Watch out!** This paragraph of text has been [emphasized](#) with the `{: .notice--primary}` class.
{: .notice--primary}
**Watch out!** This paragraph of text has been [emphasized](#) with the `{: .notice--accent}` class.
{: .notice--accent}
**Watch out!** This paragraph of text has been [emphasized](#) with the `{: .notice--info}` class.
{: .notice--info}
**Watch out!** This paragraph of text has been [emphasized](#) with the `{: .notice--warning}` class.
{: .notice--warning}
**Watch out!** This paragraph of text has been [emphasized](#) with the `{: .notice--success}` class.
{: .notice--success}
**Watch out!** This paragraph of text has been [emphasized](#) with the `{: .notice--danger}` class.
{: .notice--danger}
예 )
Watch out! This paragraph of text has been emphasized with the {: .notice}
class.
Watch out! This paragraph of text has been emphasized with the {: .notice--primary}
class.
Watch out! This paragraph of text has been emphasized with the {: .notice--accent}
class.
Watch out! This paragraph of text has been emphasized with the {: .notice--info}
class.
Watch out! This paragraph of text has been emphasized with the {: .notice--warning}
class.
Watch out! This paragraph of text has been emphasized with the {: .notice--success}
class.
Watch out! This paragraph of text has been emphasized with the {: .notice--danger}
class.
link
[표시할 텍스트](주소)
예)
bold text
**bold text**
예 )
bold text
italic
*italicize*
예)
italicize
코드 소 블럭
`test`
예 )
test