🥜 글 작성 팁

본 포스팅에서는 아래 내용에 대해 소개합니다.

• GitHub Blog 작성 시 markdown 작성 법
• 출처:Chirpy

Headings

# H1 - heading

{: .mt-4 .mb-0 }

## H2 - heading

{: data-toc-skip='' .mt-4 .mb-0 }

### H3 - heading

{: data-toc-skip='' .mt-4 .mb-0 }

#### H4 - heading

{: data-toc-skip='' .mt-4 }

Paragraph

땅콩 도토리 밤 호두 땅콩 도토리 밤 호두 땅콩 도토리 밤 호두 땅콩 도토리 밤 호두 땅콩 도토리 밤 호두 땅콩 도토리 밤 호두 땅콩 도토리 밤 호두 땅콩 도토리 밤 호두 땅콩 도토리 밤 호두 땅콩 도토리 밤 호두 땅콩 도토리 밤 호두

땅콩 도토리 밤 호두 땅콩 도토리 밤 호두 땅콩 도토리 밤 호두 땅콩 도토리 밤 호두 땅콩 도토리 밤 호두 땅콩 도토리 밤 호두 땅콩 도토리 밤 호두 땅콩 도토리 밤 호두 땅콩 도토리 밤 호두 땅콩 도토리 밤 호두 땅콩 도토리 밤 호두

Lists

Ordered List

1. First
2. Second
3. Third

1. First
2. Second
3. Third

Todo List

• Job
  • Step 1
  • Step 2
  • Step 3

- [ ] Job
  - [x] Step 1
  - [x] Step 2
  - [ ] Step 3

Description List

밤

맛있다

땅콩

매우 맛있다

밤
:맛있다

땅콩
: 매우 맛있다

Block Quote

This line

> This line

Prompts

팁 tip

정보 info

경고 warning

위험 danger

> 팁 `tip`
> {: .prompt-tip }

> 정보 `info`
> {: .prompt-info }

> 경고 `warning`
> {: .prompt-warning }

> 위험 `danger`
> {: .prompt-danger }

Tables

Company	Contact	Country
Alfreds Futterkiste	Maria Anders	Germany
Island Trading	Helen Bennett	UK
Magazzini Alimentari Riuniti	Giovanni Rovelli	Italy

| Company                      | Contact          | Country |
| :--------------------------- | :--------------- | ------: |
| Alfreds Futterkiste          | Maria Anders     | Germany |
| Island Trading               | Helen Bennett    |      UK |
| Magazzini Alimentari Riuniti | Giovanni Rovelli |   Italy |

Links

https://ezurno.github.io

<https://ezurno.github.io>

FootNote

꼬리말1¹, 꼬리말2²

꼬리말1[^footnote], 꼬리말2[^fn-nth-2]

Inline code

인라인 코드

`인라인 코드`

Filepath

여기에 /path/to/the/file.extand

Code Blocks

Common

일반적인 코드블록

```일반적인 코드 블록```

Specific filename

@import
  "colors/light-typography",
  "colors/dark-typography";

```sass
@import
  "colors/light-typography",
  "colors/dark-typography";```
{: file='_sass/jekyll-theme-chirpy.scss'}

Images

Default

![Desktop View](/posts/20190808/test.png){: width="972" height="589" }
_Full screen width and center alignment_

Left aligned

![Desktop View](/posts/20190808/test.png){: width="972" height="589" .w-75 .normal}

Float to left

![Desktop View](/posts/20190808/test.png){: width="972" height="589" .w-75 .left}

Float to right

![Desktop View](/posts/20190808/test.png){: width="972" height="589" .w-75 .right}

Video

<iframe
  class="embed-video youtube"
  loading="lazy"
  src="https://www.youtube.com/embed/Balreaj8Yqs"
  title="YouTube video player"
  frameborder="0"
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
  allowfullscreen
></iframe>

Reverse Footnote

[^footnote]: The footnote source
[^fn-nth-2]: The 2nd footnote source

1. The footnote source ↩

2. The 2nd footnote source ↩