Post

마크다운 메모 for blog

Posted
By Yoo-Jeong
3 min read
마크다운 메모 for blog

줄바꿈

끝에 공백 2칸
줄바꿈을 여러번 하고싶다면 <br/>

수평선 

1
2
3
4

* * *
***
- - -
---

제목 (Header) 

1
2
3
4
5
6

# 제목 1
## 제목 2
### 제목 3
#### 제목 4
##### 제목 5
###### 제목 6

제목 1

제목 2

제목 3

제목 4

제목 5
제목 6

코드블럭 ( ``` )

맨 뒤에 . <빼기

1
2

```cpp
```.

1

int a = 0;

강조 

1
2
3
4
5

**볼드** or __볼드__  
*이텔릭* or _이텔릭_  
~~취소선~~
<u>밑줄</u>
`코드강조`

볼드(두껍게)
이텔릭
취소선
밑줄
코드강조

글자 색상 

1
2
3
4
5

<span style="color:red">빨강</span>  
<span style="color:blue">파랑</span>  
<span style="color:green">초록</span>  
<span style="color:yellow">노랑</span>  
<span style="color:gray">회색</span>

빨강
파랑
초록
노랑
회색

형광펜 

1
2
3
4
5
6
7
8

<span style='background-color:yellow'>노란형광펜</span> 
<span style='background-color:orange'>주황형광펜</span>
<span style='background-color:purple'>보라형광펜</span>  
<span style='background-color:gray'>회색형광펜</span>

<span style="background-color:#fff9c4; padding:0.1em 0.3em; border-radius:4px;">
  연노랑 형광펜
</span>

노란형광펜
주황형광펜
보라형광펜
회색형광펜

연노랑 형광펜

리스트(목록) 

1
2
3
4
5
6
7
8
9
10
11

* 리스트 1
  * 리스트 1-1
    * 리스트 1-1-1

+ 리스트 2
  + 리스트 2-1
    + 리스트 2-1-1

1. 리스트
2. 리스트
3. 리스트
  • 리스트 1
    • 리스트 1-1
      • 리스트 1-1-1


  • 리스트 2
    • 리스트 2-1
      • 리스트 2-1-1


  1. 리스트
  2. 리스트
  3. 리스트

표(테이블)

Markdown Tables Generator

1
2
3

| 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
|---|---|---|---|---|---|---|---|
| 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
0 0 0 0 0 0 0 0
0 0 0 0 0 0 0 0

링크삽입 

1
2
3

[Home 링크](https://yoo-jeong.github.io/)

Home 링크 : <https://yoo-jeong.github.io/>

Home 링크

Home 링크 : https://yoo-jeong.github.io/

토글 (접기/펼치기)

마크다운 

1
2
3
4

<details markdown="1">
<summary>여기를 눌러 펼치기</summary>

</details>
여기를 눌러 펼치기

hi👋


html 

1
2
3
4
5
6
7
8
9
10

<details>
  <summary>여기를 눌러 펼치기</summary>
  <div style="margin-left: 1.5em;">
    <p>여기에 토글로 감출 내용을 작성할 수 있어요.</p>
    <ul>
      <li>리스트도 되고</li>
      <li>여러 줄도 가능함</li>
    </ul>
  </div>
</details>
여기를 눌러 펼치기

여기에 토글로 감출 내용을 작성할 수 있어요.

  • 리스트도 되고
  • 여러 줄도 가능함


특수문자

HTML Number끝에 ; 붙여서 사용

symbol HTML Number HTML Name Description
+ &#43   plus sign

문서 내부 링크 이동 (북마크,목차)

  • 알파벳은 소문자만 가능
  • 띄어쓰기는 -
    1

    [줄바꿈으로](#줄바꿈)

    줄바꿈으로

Blogging, Tutorial
markdown html
This post is licensed under CC BY 4.0 by the author.