Geneuin
Geneuin
3 min read

Categories

마크다운 기본 문법

헤더

# 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 two
  • List item three
  • List item four

Ordered List (Nested)

  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. 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.

[표시할 텍스트](주소)

예)

지뉴인

bold text

**bold text**

예 )

bold text

italic

*italicize*

예)

italicize

코드 소 블럭

`test`

예 )

test

참고


references