Velog 사용방법 정리

Velog를 처음 시작하며 간단한 마크다운 문법을 공부하면서 정리해 보았습니다.

마크다운이란?

마크다운(markdown)은 일반 텍스트 문서의 양식을 편집하는 문법이다. README 파일이나 온라인 문서, 혹은 일반 텍스트 편집기로 문서 양식을 편집할 때 쓰인다. 마크다운을 이용해 작성된 문서는 쉽게 HTML 등 다른 문서형태로 변환이 가능하다.
-위키백과

기본 문법

<제목 표현>
# H1
## H2
### h3
#### h4
##### h5
###### h6
< 바꿈>
여러 번 줄 바꿈시 -> <br/> 사용
<폰트 스타일>
__굵게__
**굵게**
_기울여 쓰기_
*기울여 쓰기*
~~취소선~~

굵게
굵게
기울여 쓰기
기울여 쓰기
취소선

💻 코드블럭

한줄짜리 코드블럭은 tab 또는 `(백틱)으로 생성 가능

`tab` 으로 생성한 코드블럭

`(백틱) x 3은 여러 줄의 코드 블럭

``` 백틱을 3번 입력하여
여러 줄의 코드 블럭을 사용할 수 있다.
``` (백틱 닫음)

`(백틱) 뒤에 프로그래밍 언어 이름을 붙여서 코드 작성

function example{
 console.log("Hello World"); 
}

✌🏻인용문

인용문을 사용할 때는 >를 사용

인용문을 작성 할 수 있다.

>>으로 중첩도 사용 가능

>>>

🔗 링크 작성

⌨️ 입력

[Naver](https://www.naver.com/)
<https://www.naver.com>

🖥 출력
Naver
https://www.naver.com

🏞 이미지 삽입

입력

![이미지 설명](이미지 링크)

이미지에 링크 추가

[ ![이미지 설명](이미지 링크) ](연결하고자하는 url "마우스 오버 시 나타낼 링크 title")

수평선

* or - or _를 3번 이상 작성
-의 경우 header로 인식 할 수 있어 이 전 라인을 비워야 함
***을 주로 사용

테이블

| 로 구분하며, 또한 -(하이픈)으로 구분된 곳 각각 왼쪽, 양쪽, 오른쪽에 :(세미콜론)을 붙일 경우 순서대로 왼쪽 정렬, 가운데 정렬, 오른쪽 정렬이 가능

⌨️ 입력

| 드라마 제목 | 주연 배우 | 방영일 |
|:----------|:----------:|----------:|
| **호텔 델루나** | 이지은, 여진구 | ~~2019.07.13. ~ 2019.09.01.~~ |
| 타인은 지옥이다 | 임시완, 이동욱, 이현욱, 이정은 | 2019.08.31. ~ |
| 멜로가 체질 | 천우희, 안재홍, 전여빈, 공명 | 2019.08.09. ~ |

🖥 출력

왼쪽 정렬가운데 정렬오른쪽 정렬
BoldItalicCancel
Left 1Italic&BoldRight
Left 2CenterRight

체크박스

-, *, +뒤에 띄어쓰기 후 대괄호를 넣어 작성. 대괄호안에 띄어쓰기를 하면 빈 체크박스, x를 넣으면 체크된 체크박스 생성

⌨️ 입력

- [x] Yes
- [ ] No

🖥 출력

  • Yes
  • No

Font 색상

html 태그를 이용하여 작성
⌨️ 입력

<span style="color:red"> red </span>
<span style="color:#d3d3d3"> #d3d3d3 </span>
<span style="color:rgb(245, 235, 13)"> rgb(245, 235, 13) </span>

🖥 출력
red
#d3d3d3
rgb(245, 235, 13)



참고 사이트
https://velog.io/@jinuku/
https://velog.io/@yuuuye/

좋은 웹페이지 즐겨찾기