[Velog] 튜토리얼 Update

qoqo_mi·2022년 3월 5일

🔎 마크다운?

마크다운(Mark down)은 2004년 John Gruber에 의해서 만들어진 마크업언어로 쉽게 사용할 수 있는 언어입니다.

깃허브(Github)나 벨로그(Velog),티스토리(Thistory) 등 플랫폼을 지원해주고 있습니다.

📝 작성법

📘 제목

h1~h6을 이용해서 제목을 표현할 수 있다.
* 회색박스는 백틱(backtick)을 사이에 두고 작성하면 된다.
* 맥북유저라면 ₩키를 누르면 되는데 한글일 때는 ₩, English일때 `로 출력된다.
* 문단표시(오른쪽에 표시되는)는 h3까지 표시된다.

☻ 입력

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

☺︎ 출력

h1

h2

h3

h4

h5
h6

📘 코드블럭(Code Blocks)

✓ 한줄 작성

☻ 입력
`한줄만 표시하기 `
`나눠서 한줄 또 표시하자 `
☺︎ 출력

한줄만 표시하기
나눠서 한줄 또 표시하자

✓ 여러줄 작성

☻ 입력
```백틱 세개-> enter 
원하는 글 작성 
다시 백틱 ```
☺︎ 출력
백틱 세개-> enter 
원하는 글 작성 
다시 백틱  

📘 인용(Blockquotes)

* 이메일에서 사용하는 >블록 인용문자를 사용한다.
* 인용문 안에서 Tap키를 이용하면 코드블록을 쉽게 작성할 수 있다.

☻ 입력

>	This is a first blockquotes.
>> 		This is a second blockquotes.
>>> 		This is a third blockquotes.

☺︎ 출력

This is a first blockquotes.

This is a second blockquotes.

This is a third blockquotes.

📘 Font color

* 색상이 하나인줄 알았겠지만 글자색, 글자배경색 두가지 변경이 가능하다.
* 글자색 color는 Html색상표를 이용하면 쉽게 작성할 수 있다.
* 위 방법 말고도 색상을 직접 넣고 싶다면 이곳 rgba를 보고 원하는 값을 넣어도 된다.

☻ 입력

<span style="color: red">Red Text</span>
<span style="background-color: rgba(242,179,188,0.5)">background</span> 
**background color | rgba(색상값, 투명도)이며 투명도는 0~1 사이의 값이 들어간다.**

☺︎ 출력

Red Text
background

0개의 댓글