블로그 작성법 (Feat. 마크다운 문법)

박채연·2024년 2월 29일

서론

안녕하세요 블로그를 작성할 때 마크다운을 활용하면 보다 쉽고 간편하게 가독성 높은 글을 작성하실 수 있어요. 그래서 마크다운을 문법을 게시하려 합니다!!

마크다운 문법정리

제목태그

# 큰제목
## 중간제목
### 작은 제목

제목은 #를 사용하고 # 갯수가 클수록 제목의 글씨는 작아져요

리스트업

1. 순서가 있는 리스트는
2. 이렇게 활용하여 주시고

* 순서가 없는 리스트는
- *나 - 등으로 활용을 할 수 있다.
	- 리스트 안에 리스트를 또 사용할 수 있다.
  1. 순서가 있는 리스트는
  2. 이렇게 화면에 나오게 되고
  • 순서가 없는 리스트는
  • 기호가 동그라미로 표시가 됩니다.
    • 리스트 안에 리스트는 엔터를 누른 후 스페이스바를 2번 눌러준다.
      • 리스트 안에 들어올 때 리스트의 모양도 조금씩 바뀐다.

수평선

---

수평선은 이렇게 가는 줄이 나오게 된다.

이미지 작성법

이미지를 마크다운으로 작성하기 위해 이미지 링크가 필요하다. 이미지 링크를 만드는 방법이 있는데

이미지 링크 만드는 법

  1. 캡쳐도구를 활용하여 캡쳐해준다.
  2. ctrl + c 로 복사해준다.
  3. 이미지 링크 만드는 사이트 이 사이트에 붙여넣기를 한 후 i라는 걸 눌러 링크를 가져온다.
  4. 링크가 보여지면 이걸 활용을 하면 된다.
    이미지링크 만드는 사이트 캡쳐본
    이미지링크 만드는 사이트 캡쳐본
![설명 텍스트](이미지 링크)

인용문

이것은 인용문 입니다.

이렇게 작성할 때에는 간단합니다.

> 인용구를 작성하는 방법입니다.

코드 작성

const a = "코드 작성법"
const func = (_x) => {
  console.log(_x+"입니다.")
}

func(a); // 코드 작성법입니다.

이런 식으로 코드를 짤 때에는 ` 백틱을 3번 써서 열고 닫을 때는 백틱을 3번 다시 써주면 됩니다.

참고로 백틱이란 키보드에 숫자 1 옆에 있는 물결모양있고 점도 있는 데 그 점이 백틱입니다.

```코드 작성 열 때
~~ 코드 ~~
```코드 작성 닫을 때

// 코드 작성 열 때 옆에 언어를 적어주면 그 언어대로 정리를 해줍니다.

// ex 
```javascript
``` //닫음

강조하고 싶은 인라인 코드

자바스크립트 이렇게 인라인 코드를 한 단어로 작성하고 싶을 때입니다.

`자바스크립트`

백틱을 한 번 사용하면 됩니다.

profile
기록장입니다.

0개의 댓글