Velog 사용방법 정리

Jason K·2022년 4월 2일
0

Markdown

목록 보기
1/1

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/

0개의 댓글