코딩용 블로그로 벨로그를 처음 사용하면서 필용한 기초 사용법을 정리해 보았다. 앞으로 작성할 블로그들을 위해 연습겸 참고용으로 남겨 놓는다.
🦊 코드블럭 (Code Block), 백틱 (backtick)
-
한 줄의 코드블럭은 이전 문장으로부터 엔터를 두 번 입력한 후
Tab을 이용해서 작성할 수 있다. -
회색 박스로 감싸진 부분은 백틱(backtick)(`)으로 감싸서 작성하면 된다. -
백틱 하나 입력시
`한 줄씩 블럭 처리,
백틱 세개 입력시```여러 줄 한번에 블럭 처리
- 맥OS를 사용하는 사람이라면 자판에서 백틱을 찾을 수가 없다.
바로 (~)(₩)키와 혼용되어 사용되기 때문이다.
`(백틱)과 '(홑따옴표)와 다르다.
이것은 바로 한/영 구분으로 인한 것이다.
한글인 상태에서는 (₩) 원화가 입력되고, 영어인 상태에서는 (`) 백틱이 입력되는 것이다.
🦊 제목 (headers)
h1부터 h6을 이용해서 제목을 표현할 수 있다
\# 첫 번째 수준 제목 (h1)
\## 두 번째 수준 제목 (h2)
\### 세 번째 수준 제목 (h3)
\#### 네 번째 수준 제목 (h4)
\##### 다섯 번째 수준 제목 (h5)
\###### 여섯 번째 수준 제목 (h6)🦊 인용 (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.
🦊 코드 입력 (Syntax Highlighting)
- 코드블럭 시작점에 사용하는 언어를 선언한다.
- 입력
```java
public class helloWorld{ ...- 출력
public class helloWorld{
public void main(String[] args) {
System.out.println("Hello World");
}
}🦊 가로선 넣기
- 아래 입력 모두 동일한 가로선이 나타난다.
* * *
***
*****
- - -
---
-----
_ _ _
___
_____🦊 글자 색상 (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
🦊 링크 (Links)
-
인라인 링크
[인라인 링크](https://velog.io/)
인라인 링크 -
url 링크
<https://velog.io/>
https://velog.io/ -
참조 링크
[velog]:https://velog.io/
[velog]🦊 강조 (Emphasis)
- 입력
*이탤릭*
_이탤릭_
**볼드**
__볼드__
~~취소선~~- 출력
이탤릭
이탤릭
볼드
볼드
취소선
🦊 기호 표시 (Backslash Escapes)
- 마크다운 문법에 있는 기호를 그대로 출력하고 싶다면, 역방향 슬래시
\를 앞에 붙여주면 된다.
테이블(Table)
- 수직선 기호(|)로 열을 구분할 수 있다
- 하이픈 기호(-)를 여러 개 붙여서 th와 tr을 구분할 수 있다.
- 콜론 기호(:)로 정렬을 표현할 수 있다.
- 입력
| |left |center|right
|----|:----|:----:|----:
|row1|l1 | c1 | r1
|row2|l2 | c2 | r2
|row3|l3 | c3 | r3- 출력
| left | center | right | |
|---|---|---|---|
| row1 | l1 | c1 | r1 |
| row2 | l2 | c2 | r2 |
| row3 | l3 | c3 | r3 |
🦊 이모지 단축키(Emoji)
-
링크에서 복사+붙여넣기: https://kr.piliapp.com/twitter-symbols/
-
MacOS
ctrl + cmd + space bar -
Windows
window key + semi colon || window key + . (period) -
Linux
(right click) select insert emoji
🦊 체크박스 (Check Box)
- *, +, - 기호 뒤에 띄어쓰기 이후 대괄호[]를 넣어 작성한다.
- 띄어쓰기를 하면 체크되지 않은 상태이고,
- x를 입력해주면 체크된 상태가 된다.
- 입력
- [ ] 체크되지 않은 박스
- [x] 체크된 박스- 출력
- 체크되지 않은 박스
- 체크된 박스
