마크다운 문법

Shinsung Kang·2024년 12월 23일

마크다운

목록 보기
1/2
post-thumbnail

해당 포스트는 마크다운 문법으로만 작성되었습니다.

포함하고 있는 내용

글자모양
제목
글머리표
블록
구분선

링크/이미지

1. 글자모양


- 문서 편집기에 기본적으로 있는 볼드(Bold), 이텔릭(Italic), 취소선을 사용할 수 있다.

입력 :

**두껍게**
*기울여서* _기울여_
~~취소~~
***두껍고 기울이기***

출력 :

두껍게
기울여서
기울여
취소
두껍고 기울이기

2. 제목


- 위 제목처럼 크고 두꺼운 글씨를 쓰고 싶다면

입력 :

# 이렇게
## 최대 여섯개의
### 해시 기호를
#### 사용해서
##### 제목을
###### 표시할 수 있다.

출력 :

이렇게

최대 여섯개의

해시 기호를

사용해서

제목을
표시할 수 있다.

3. 글머리표


- 간단하게 글머리표를 구성할 수 있다.

  • 순서가 있는 글머리표

입력 :

1. 이렇게
1. 연속으로 똑같이
1. 지정해줘도 되고
123244. 개같이 높은
1568967. 수들을
44242. 뒤죽박죽으로
123. 넣어도 점만 찍어주면 된다

출력 :

  1. 이렇게
  2. 연속으로 똑같이
  3. 지정해줘도 되고
  4. 개같이 높은
  5. 수들을
  6. 뒤죽박죽으로
  7. 넣어도 점만 찍어주면 된다.
  • 순서가 없는 글머리표 : 별*, 마이너스-, 플러스+ 기호 전부 사용 가능

입력 :

* 안 띄우면 메인
  - 두 번 띄우면 서브
    + 네 번 띄우면 서브의 서브
+ * - 한번에도 되긴 하는데, 누가 쓰려나...?

출력 :

  • 안 띄우면 메인
    • 두 번 띄우면 서브
      • 네 번 띄우면 서브의 서브
      • 한번에도 되긴 하는데, 누가 쓰려나...?

4. 블록


- 코드 블록이나 텍스트 박스를 생성하고 싶다면

  • 코드 블록

입력 :

`한 개의 백틱으로 짧게 감싸거나`    

```
## 세 개의 백틱을 사용하여
## 긴 코드를 감쌀 수 있다.
```

출력 :

한 개의 백틱으로 짧게 감싸거나

## 세 개의 백틱을 사용하여
## 긴 코드를 감쌀 수 있다.

코드 블록 사용 시, 윗줄에 사용 언어를 지정할수도 있다.

입력 :

```python
import pandas as pd
import numpy as np
print("집 가고 싶다.")
```

출력 :

import pandas as pd
import numpy as np
print("집 가고 싶다.")
  • 텍스트 박스

입력 :

> 부등호를 사용하여 텍스트 박스를 구성할 수 있다.
>
> 텍스트를 띄우려면 한 줄을 더 띄우는 것이 일반적이다.

부등호를 사용하여 텍스트 박스를 구성할 수 있다.

텍스트를 띄우려면 한 줄을 더 띄우는 것이 일반적이다.(velog에서는 엔터만 쳐도 인식되긴 한다...)

이런것도 된다(> > > > > > >)

5. 구분선


- 타이틀 아래 선을 긋고 싶다면, 마이너스 기호(-)를 세 번 이상 쓰면 된다.

입력 :
---

출력 :


6. 표(왠만해선 CSS 쓰자)


- 파이프 기호 |(Enter 위에 있는 백슬래셔 버튼을 Shift 누르고 입력하면 나옴)를 이용하여 간단한 표를 생성할 수 있다.

- 첫 행은 타이틀, 둘째 행은 정렬, 이후 행은 개별 값을 입력한다.

입력 :

|왼쪽 정렬(default)|왼쪽 정렬|가운데 정렬|오른쪽 정렬|
|-|:-|:-:|-:|
|1|a|b|c|
|2|a|b|d|

출력 :

왼쪽 정렬(default)왼쪽 정렬가운데 정렬오른쪽 정렬
1abc
2abd

해당 포멧을 제외하곤 어떤 형태도 지원하지 않으므로, CSS를 지원한다면 별로 추천하지 않는다...

7. 링크


- 하이퍼링크 생성

입력 :

[하이퍼링크](https://velog.io/write?id=c803b44cf-8f50-429d-b96a-a16773d164fd)

출력 :

하이퍼링크

- 이미지 삽입 : 출처-내가 만듦

입력 :

![이미지링크](https://github.com/HollyRiver/RiverFlow/blob/main/sprout.png?raw=true)

출력 :

이미지링크

더 예쁘게 쓰려면 CSS를 사용하자...

profile
기계학습 잘하고 싶다

0개의 댓글