velog #마크다운 작성법✔

April·2021년 2월 19일
4

간단한 마크다운 작성법 정리!!🙌

✔Markdown(마크다운) 이란?

  • 웹상에서의 글쓰기 도구(서식, 포맷, 양식)
  • HTML형식의 간소한 서식(포맷)
  • 꾸밈없는 간소한 문법으로 글쓰기에 집중할 수 있도록 도와준다!
    ★ 간단하기에 모든 HTML형식을 지원하진 않는다

태그의 종류

제목 : # , =====
인용 : >
강조 : * , _
링크 : ([text](링크 주소)
url 링크: )
이미지 : [![text](이미지 주소)](링크 주소)
리스트 : 1 , * , - , +
코드표시 : ```코드```
줄바꿈 : 엔터 2번
가로선 : ----- , ***** , +++++

🚀Markdown 작성법

🔴1. 제목

<작성>

# H1
## H2
### H3
#### H4
##### H5
###### H6
제목1
=====
제목2
-----

<📌결과>

H1

H2

H3

H4

H5
H6

제목1

제목2


🟠2. 인용

<작성>

> ### 제일 바깥의 인용
>> ** 인용의 인용 **
>>> _인용의 인용의 인용_

<📌결과>

제일 바깥의 인용

인용의 인용

인용의 인용의 인용


🟡3. 폰트 스타일

<작성>

**굵은 글씨**
__굵은 글씨__
*기울여 쓰기*
_기울여 쓰기_
***강조하며 기울여 쓰기***
___강조하며 기울여 쓰기___
~~취소선~~

<📌결과>
굵은 글씨
굵은 글씨
기울여 쓰기
기울여 쓰기
강조하며 기울여 쓰기
강조하며 기울여 쓰기
취소선


🟢4. 리스트

  • <ol><li>번호</li></ol>

<작성>

1. 번호1
2. 번호2
3. 번호3

<📌결과>
1. 번호1
2. 번호2
3. 번호3

  • <ul><li>번호</li></ul>

<작성>

- 리스트
* 리스트
+ 리스트 

+ 리스트
  - 리스트
  * 리스트
 
* 리스트
  * 리스트
     * 리스트
 
1. 번호1
   - 리스트
     - 리스트
     
2. 번호2
   * 리스트

<📌결과>

  • 리스트
  • 리스트
  • 리스트

  • 리스트

    • 리스트
    • 리스트
  • 리스트
    • 리스트
      • 리스트
  1. 번호1
    • 리스트
      • 리스트
  2. 번호2
    • 리스트

🔵5. 인라인 코드

<작성>

백틱(`)

<📌결과>

백틱(`)


🟣6. 여러줄 코드 블럭

<작성>

```
백틱(`)을 세 개 사용
```

<결과>

백틱(`)을 세 개 사용


🟤7. 여러줄 코드 블럭

<작성>

```javascript
let sumNumbers = (firstNum, lastNum) => {
  return firstNum + lastNum;
};
sumNumbers(100, 200);```

<📌결과>

let sumNumbers = (num1, num2) => {
  return num1 + num2;
};
sumNumbers(10, 20);

<작성>

[velog](https://velog.io/)

url 링크: <https://velog.io/>

응용: 이미지 링크↓
[![이미지 설명](https://cdn.pixabay.com/photo/2016/03/09/09/17/computer-1245714_960_720.jpg)](https://velog.io/)

<📌결과>
velog

url 링크: https://velog.io/

응용: 이미지 링크 ↓


간단한 마크다운 작성법 정리!!🙌

profile
🚀 내가 보려고 쓰는 기술블로그

0개의 댓글