[github 블로그] 마크다운 언어 사용법

마크다운 언어 사용법

리스트

바로가기 리스트

## 리스트
### 추가 리스트

순서 리스트

1. 첫번째
2. 두번째
3. 세번째

1. 첫번째
2. 두번째
3. 세번째

비순서 리스트

- 첫번째
  - 두번째
    - 세번째

• Chapter
  • Section
    • Paragraph

TODO 리스트

- [ ] 식사
  - [x] 아침
  - [x] 점심
  - [ ] 저녁

• 식사
  • 아침
  • 점심
  • 저녁

설명 리스트

설명
: 그 내용을 상대방이 잘 알수 있도록 쉽게 밝혀 말하는 것

설명

그 내용을 상대방이 잘 알수 있도록 쉽게 밝혀 말하는 것

인용블럭

> 인용블럭은 ">" 기호를 사용하면 된다.
>> 인용블럭 속에 인용블럭도 가능하다.

인용블럭은 “>” 기호를 사용하면 된다.

인용블럭 속에 인용블럭도 가능하다.

프롬프트

> '팁'을 나타내는는 프롬프트이다.
{: .prompt-tip }

> '정보'를 나타내는 프롬프트이다.
{: .prompt-info }

> '경고'를 나타내는 프롬프트이다.
{: .prompt-warning }

> '위험'을 나타내는 프롬프트이다.
{: .prompt-danger }

‘팁’을 나타내는는 프롬프트이다.

‘정보’를 나타내는 프롬프트이다.

‘경고’를 나타내는 프롬프트이다.

‘위험’을 나타내는 프롬프트이다.

테이블

| 첫번째 열 | 두번째 열 | 세번째 열 |
| :------ | :-----: | -----:   | // ':' 위치로 좌, 우, 중앙정렬 가능
| 1번     | 2번      | 3번      |
| 4번     | 5번      | 6번      |
| 7번     | 8번      | 9번      |

첫번째 열	두번째 열	세번째 열
1번	2번	3번
4번	5번	6번
7번	8번	9번

링크

<https://monomable.github.io>

https://monomable.github.io

주석

주석[^footnote]을 만들 수 있는 기능, 두번 째[^fn-nth-2] 주석은 이렇게 표시

주석¹을 만들 수 있는 기능이다, 두번 째² 주석은 이렇게 표시한다.

인라인 코드

이것은 `인라인 코드` 예시이다.

이것은 인라인 코드 예시이다.

파일경로

예시 파일은 `/monomable/example/markdown.md`{: .filepath} 에서 찾을 수 없다.

예시 파일은 /monomable/example/markdown.md 에서 찾을 수 없다.

코드 블럭

기본

```text
기본적인 텍스트를 써 넣을 수 있는 코드 블럭이다
```

기본적인 텍스트를 써 넣을 수 있는 코드 블럭이다

언어 지정

```c++
int a = 0;
if(a = 0){
	cout << "안녕하세요 c++ 입니다" << endl;
	cin >> a;
}
```

int a = 0;
if(a = 0){
	cout << "안녕하세요 c++ 입니다" << endl;
	cin >> a;
}

파일 이름

```sass
"# 마크다운 언어 설명"
  "## 리스트"
  "## 인라인 블럭"
```
{: file='/hello_markdown.md'}

"# 마크다운 언어 설명"
  "## 리스트"
  "## 인라인 블럭"

이미지

기본 (캡션 추가)

![Desktop View](/assets/img/m_logo.png){: width="350" height="350" }
_이곳에 캡션을 써넣는다_

이곳에 캡션을 써넣는다

좌측 정렬

![Desktop View](/assets/img/m_logo.png){: width="350" height="350" .w-75 .normal}

글씨 좌측에

테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트

글씨 우측에

테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트 테스트

다크/라이트 모드, 그림자

다크/라이트 모드 설정에 따라 이미지에 각 각 다른 옵션 부여

![light mode only](/assets/img/m_logo.png){: .light .w-75 .shadow .rounded-10 w='1212' h='668' }
![dark mode only](/assets/img/m_logo.png){: .dark .w-75 .shadow .rounded-10 w='1212' h='668' }

동영상

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

주석 복귀

[^footnote]: 첫번 째 주석
[^fn-nth-2]: 두번 째 주석

1. 첫번 째 주석 ↩

2. 두번 째 주석 ↩