마크다운 문법(Markdown Syntax)

Eunice JEONG·2023년 7월 13일

syntax and commands

목록 보기
1/1
post-thumbnail

1. 제목 Header

#개수로 구분하여 작성한다.
제목은 h1이 가장 크며 h6까지 만들 수 있다.
#다음에 반드시 띄어쓰기 해야한다.

h1

h2

h3

h4

h5
h6

노션에서는 h3까지만 만들 수 있다.

💡 **How to Use**

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



2. 줄바꿈 Line Break

줄바꿈

줄바꿈 두번

노션에서는 사용 불가능하다.

💡 **How to Use**

줄바꿈<br/>
줄바꿈 두번<br/><br/>



3. 텍스트 스타일 Styling Text

  • 굵게 Bold
  • 기울임꼴 Italic
  • 기울임꼴2 Italic2
  • 취소선 Strike Trhough
  • 굵게 Bold and 일부만 기울임꼴 nested italic
  • 모두 굵게 그리고 기울임꼴 All Bold and Italic
  • 윗첨자 Superscript(노션 마크다운 문법 미지원, 수식에서 6위의기호^{6위의기호}를 사용해 작성)
  • 아랫첨자 Subscript(노션 마크다운 문법 미지원, 수식에서_기호_{\_기호}를 사용해 작성)
💡 **How to Use**

**굵게 Bold**
_기울임꼴 Italic_
*기울임꼴 Italic*
~~취소선 Strike Trhough~~
**굵게 Bold and _일부만 기울임꼴 nested italic_**
***모두 굵게 그리고 기울임꼴 All Bold and Italic***
<sup>윗첨자 Superscript</sup>(노션 마크다운 문법 미지원, 수식에서 $^{6위의기호}$를 사용해 작성)
<sub>아랫첨자 Subscript</sub>(노션 마크다운 문법 미지원, 수식에서$_{\_기호}$를 사용해 작성)



4. 인용 Quotiong

전체 인용: This is a quote text
전체인용 안에서 Inline 인용도 가능하다.

This is a 일부 인용(Inline Code): quote code

코드 인용:
This is a quoue code too.
`코드 인용 안에서는 inline 인용 할 수 없다.`
💡 **How to Use**

> 전체 인용: This is a quote text
`전체인용 안에서 Inline 인용도 가능하다.`

This is a `일부 인용(Inline Code): quote code`
코드 인용:
This is a quoue code too.
`코드 인용 안에서는 inline 인용 할 수 없다.`



💡 **How to Use**

- This is a link to [Google](https://www.google.com/)
- A link can be made by reference like this [naver][2] link.
- This [relative link](/sky.jpeg) goes to the sky image.
- [문서 내부의 3. 텍스트 스타일 Styling Text로 이동](#3-텍스트-스타일-styling-text)
[2]: http://naver.com



6. 리스트 List

  • This is a list
    • This is a nested list
  1. This is a list in number
💡 **How to Use**

- This is a list
  - This is a nested list
1. This is a list in number



7. 각주 Footnote

This is a footnote[^1].
[^1] Footnote Sample. 

velog 및 노션 미지원

💡 **How to Use**

This is a footnote[^1].

[^1]: Footnote Sample.



8. 이미지 Image

”유니스의_프로필_이미지”

유니스의 프로필 이미지

💡 **How to Use**

이미지 크기 지정 가능: <img src="이미지경로.확장자" width="너비" alt=”대체텍스트”>
이미지 크기 지정 불가능: ![대체텍스트](이미지경로.확장자 "이미지제목")

본문 예시: 
<img src="https://velog.velcdn.com/images/eunice0927/profile/bc441a97-35a2-4256-aaa5-f502e22f3f5f/image.PNG" width="200" alt=”유니스의_프로필_이미지”>
![유니스의 프로필 이미지](https://velog.velcdn.com/images/eunice0927/profile/bc441a97-35a2-4256-aaa5-f502e22f3f5f/image.PNG "유니스의 프로필 이미지")



9. 구분선 Line


💡 **How to Use**

적용이 잘 안 될 때에는 줄바꿈을 해보자.
—-
***
___



10. 표 Table

노션에서는 표 관련 문법 사용 및 텍스트 정렬 적용이 되지 않는다.

열제목1열제목2열제목3
따옴표 왼쪽에만 입력하면 좌측 정렬따옴표 오른쪽에만 입력하면 우측 정렬생략하거나 양쪽 다 입력하면 양쪽 정렬이 된다.

💡 **How to Use**

| 열제목1 | 열제목2 | 열제목3 |
|:------|------:|--------|
|따옴표 왼쪽에만 입력하면 좌측 정렬|따옴표 오른쪽에만 입력하면 우측 정렬|생략하거나 양쪽 다 입력하면 양쪽 정렬이 된다.|



11. 체크 박스 Check Box

  • 운동 하기
  • 강의 듣기
  • 다했음

노션에서는 -, * , + 없이 []만 입력해도 체크박스로 변환된다.
노션에서는 [x]를 통한 체크된 박스 만들기는 안된다.

💡 **How to Use**

각 기호들은 띄어써야 한다.

- 띄고 [ 띄고 ] 띄고 내용
체크 표시 할 때에는 대괄호 안의 띄어쓰기를 지우고 x로 바꾼다.

- 띄고 [x] 띄고 내용

- [ ] 운동 하기
* [ ] 강의 듣기
+ [x] 다했음



12. 글자 색상 Text Color

노션에서는 적용 불가능하다.
red
#d3d3d3
rgb(245, 235, 13)

💡 **How to Use**

<span style="color:red">red</span>
<span style="color:#d3d3d3">#d3d3d3</span>
<span style="color:rgb(245, 235, 13)">rgb(245, 235, 13)</span>
profile
iOS 개발자가 되고싶어

0개의 댓글