[ TIL02 ] 벨로그 마크다운

update 230614) 구글 검색창에 마크다운 검색하면 2번째로 나온다!!!
첫 블로그 글 작성하면서 오래걸리고 버벅였던 부분들이 있어서 😅
블로그 작성할때 내가 자주 사용하는 마크다운을 정리하려고 한다 😇
내가 처음 작성했을때 참고한 사이트 => 마크다운작성법

제목 작성하기

h1~h6까지 표현 가능.
제목으로 할 문장앞에 #으로 표현

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

목록

순서가 있는 목록을 만들고 싶을땐
1. 2. 3. 이런식으로 작성하면 된다.

1. 일번
2. 이번
3. 삼번

결과 ✍️

1. 일번
2. 이번
3. 삼번

순서가 없는 목록을 만들고 싶을땐
-,+,* 셋 중 하나로 사용.

+ 동물
  + 강아지
  + 고양이
  + 너구리

결과 ✍️

• 동물
  • 강아지
  • 고양이
  • 너구리

인용문

>써주고 그 뒤에 문장 쓰면 인용문으로 묶어진다.
아주 간단쓰.🤩

결과 ✍️

도희가 인용문을 써보았습니다.

폰트 스타일

1. 굵게

__도희__ 언더바 2개로 문장 감싸주면 폰트 굵게 표시

결과 ✍️   도희

2. 색상

<span style="color:green">green</span>

결과 ✍️   green

인라인코드

백틱(``)을 사용해서 작성하면

결과 ✍️    이렇게 회색 네모안에 들어있는 문장이 만들어진다

코드블럭

장문(코드블럭)으로 만들고 싶을땐 백틱(``` ```)을 사용해서 작성해주면 된다.

결과 ✍️

이렇게 
회색 네모안에 
들어있는 문장이
만들어진다

코드블럭 언어 변경

백틱(``` ```) 코드블럭을 만들었을때
(``` javascript) 또는 (``` html) 작성시 내가 쓰는 언어에 맞게 컬러가 입혀진다.

결과 ✍️

• 언어표기 안했을때

const test = () => {
	return console.log("hi");
}

• html표기 했을때

<div><div>
  
  const test = () => {
	return console.log("hi");
}

• 자바스크립트 표기 했을때

// 자바스크립트 쓴거


const test = () => {
	return console.log("hi");
}

<div><div>

줄바꿈과 띄어쓰기

벨로그에서 줄바꿈은 <br/> 로 작성한다.
벨로그에서 띄어쓰기는  로 작성한다.
HTML과 똑같다.

링크넣기

링크 넣는 방법은 다양한데 내가 자주넣는 링크방법은 인라인 링크이다.
[도희블로그](https://velog.io/@_dodo_hee)
대괄호안에 인라인 링크 자리에 넣고 싶은 링크를 넣고 () 괄호 안에 링크주소를 넣어준다.

결과 ✍️    도희블로그