마크다운(Markdown) 작성법 정리

마크다운 작성법

raw html 코드로 보면 이해가 더욱 쉽습니다.

출처 : 내 repository

1. 글머리

2. 인용문

3. 강조

4. 목록

5. 링크 및 이미지

6. 코드

---

1. 글머리

 

샵(#) 1개

# 샵(#) 1개

샵(#) 2개

## 샵(#) 2개

샵(#) 3개

### 샵(#) 3개

샵(#) 4개

#### 샵(#) 4개

샵(#) 5개샵

##### 샵(#) 5개

6개, 이게 마지막

###### 샵(#) 6개, 이게 마지막

2. 인용문

“꺾쇠로 인용문을 표시한다”

> "꺾쇠로 인용문을 표시한다"

 

“꺾쇠 두번으로 중첩된 인용문을 표시한다”

> > "꺾쇠 두번으로 중첩된 인용문을 표시한다"

3. 강조

기울임 = 별표 한개, 언더바 한개 로 감싼다

기울임 = _별표 한개_, _언더바 한개_ 로 감싼다

 

두껍게 = 별표 두개, 언더바 두개 로 감싼다

두껍게 = **별표 두개**, **언더바 두개** 로 감싼다

 

두개를 같이 사용가능

**_두개를 같이 사용가능_**

 

취소선 = 물결표시 두개로 감싼다

취소선 = ~~물결표시 두개로 감싼다~~

 

밑줄 = u태그로 감싼다

밑줄 = <u>u태그로 감싼다</u>

 

인라인강조 = 인라인강조는 억음부호로 감싼다

인라인강조 = `인라인강조는 억음부호로 감싼다`

4. 목록

1. 순서가 필요한 목록
2. 순서가 필요한 목록(서브)

• 순서가 필요하지 않은 목록에 사용 가능한 기호
  • - 대쉬(hyphen) 1개
  • * 별표(asterisks) 1개
  • + 더하기(plus sign) 1개

5. 링크 및 이미지

링크 : [설명](URL)

이미지 : 

 

네이버, 대괄호(내용)+소괄호(링크)로 묶는다

6. 코드

`(grave accent,억음부호)를 3개를 쓰고 그 옆에 언어의 종류를 쓴다

 

```언어

```

• HTML

<a href="https://www.google.co.kr/" target="_blank">GOOGLE</a>

• CSS

.list > li {
  position: absolute;
  top: 40px;
}

• Python

s = "Python syntax highlighting"
print

7. 구분선

---

마이너스 부호 3개를 쓰면 구분선 생성

8. 텍스트 정렬

가운데

<center>가운데</center>  

왼쪽

<div style="text-align: left"> 왼쪽 </div>

오른쪽

<div style="text-align: right"> 오른쪽 </div>

9. 접기/접어두기(Toggle)

마크다운 자체로는 지원하지 않지만 html의 details로 활용가능

div markdown=”1” 은 jekyll에서 html사이에 markdown을 인식 하기 위한 코드

 

<details>

    <summary>접어두기 제목</summary>

 

    <!-- summary 아래 한칸 공백 두어야함 -->

    <div markdown="1">접어두기 본문</div>

</details>

접어두기 제목

참고자료

heropy님 블로그

ihoneymon 포스트