[Blog] 마크다운 정리

줄바꿈

줄바꿈 [문장뒤 스페이스바 2번 + enter]

안녕하세요.  
flowlog 입니다.  

br 태그

안녕하세요.<br>
flowlog입니다.

문단 나누기 - 한 줄 공백 두기

안녕하세요

임준혁입니다.

안녕하세요

임준혁입니다.

중첩 구조 - 스페이스바 2번

- hi
  - hello
    - 안녕

• hi
  • hello
    • 안녕

문법 그대로 보이고 싶을 때, 역슬래쉬를 붙여준다

\<u>alert\</u>

alert

글제목 - # 붙이기

# h1  
## h2  
### h3  
#### h4  
##### h5  
###### h6  

텍스트 Style

강조 - 별둘 \*\*텍스트\*\*
기울임 - 별 \*텍스트\*
취소선 - 물결 \~\~텍스트\~\~
밑줄 - u태그 \<u>텍스트\</u>
글자색 - span태그에 style
<span style="color:yellow">노란 글씨입니다.</span>

코드 블록 - ` 3개를 사용함

이거지

언어 이름 까지 적어주면 최고

void main()
{
  printf("flowlog");
}

스페이스 4번으로도 표현할 수 있음

굿

링크

기본링크 - <주소>

https://www.naver.com

설명있는 링크 - [ 링크 설명 ] ( 링크 주소 )

네이버입니다.

문단 이동 링크 - [ 설명어 ] ( 문단 주소 ), 헤더 제목 문자열로 이동하면된다.

1. 헤더 제목 문자열 복사
2. 특수 문자 제거
3. 공백을 - 로 변경
4. 대문자는 소문자로 !

[줄바꿈 설명란 이동하기](#줄바꿈)

이미지 삽입 - ![ 이미지설명 ] ( 이미지 주소 )

![냥이](https://item.kakaocdn.net/do/019b783453e07092ace4ff9ab7cc98cb8f324a0b9c48f77dbce3a43bd11ce785)

그림에 링크 걸기 - [![ 이미지설명 ] (이미지 주소)] (이동하려는 링크 "마우스over시설명")

[![냥이](https://item.kakaocdn.net/do/019b783453e07092ace4ff9ab7cc98cb8f324a0b9c48f77dbce3a43bd11ce785)](naver.com "네이버로가용")

인용문 - >

> 이거 인용문
>> 이건 중첩 인용문

인용문 출처 - cite --- 태그와 {{: .small}}

<cite>flowlog</cite> --- work, 2022
{: .small}

리스트

- 순서가
  * 없는
    + 목록

1. 순서가
2. 있는
  1. 목록
    - 오
    - 케
    - 이

- [ ] 체크리스트
- [X] 췤췤

구분선 - *3개 또는 -3개

---

---

테이블 - |와 -3개이상의 조합

## 정렬
- 좌측 |:---|
- 우측 |---:|
- 중앙 |:---:| 

|**제목**|작성자|조회수|
|:---:|---:|---|
|멋있다|joon|1|
|최고야|test|20|
|히히히|1234|3|

제목	작성자	조회수
멋있다	joon	1
최고야	test	20
히히히	1234	3

토글링 (접기/펴기) details 태그

<details>
<summary>보기</summary>
숨겨진 내용입니다.
</details>

보기 숨겨진 내용입니다.