Velog 마크다운 작성 방법과 예제

Juhee Kim·2022년 10월 24일
0

Velog

목록 보기
2/2
post-thumbnail

0. 마크다운이란?

일반 텍스트, 태그 등을 이용해 문서나 데이터의 구조를 명시하는 마크업 언어이다.


1. 제목

#+공백으로 제목을 나타낼 수 있고 h1부터 h6까지 표현할 수 있다.
제목을 통해 목차를 자동으로 생성한다.

✏️ 입력

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

👀 결과

h1

h2

h3

h4

h5
h6

2. 인라인 코드

백틱(`)으로 문자열을 감싸면 회색 박스로 표시한다.

✏️ 입력

`백틱`은 숫자키 '1' 왼쪽에 있어요.

👀 결과
백틱(`)은 숫자키 '1' 왼쪽에 있어요.

참고: mac OS의 경우 한글자판 상태일 때 백틱이 아니라 가 입력된다.
이 경우 option키를 누르며 입력하면 된다.


3. 코드 블럭

한 줄짜리 코드 블럭은 Tab키 혹은 공백 4개를 눌러 작성한다.

Tab 눌러서 작성했어요.

여러 줄짜리 코드 블럭은 백틱 3개를 감싸서 작성한다.

이렇게 감싸면
여러줄짜리
코드 블럭이 돼요.

코드 블럭 시작에 사용 언어를 명시하면 구문 강조 코드를 작성할 수도 있다.

int sum(int a, int b) {
	return a + b;
}
int main(void) {
	int result = sum(1, 2)
	printf("1 + 2 = %d\n", result);
    return 0;
}

4. 인용구

문단 앞에 >를 작성한다.

✏️ 입력

> 인용구를 사용해 볼게요.
>
> 단락을 나눌 경우 '>'만 입력해요.
>> 인용구는 중첩이 가능해요.
> ---
>>> **인용구 안에서 기타 마크다운 언어를 사용할 수 있어요.**

👀 출력

인용구를 사용해 볼게요.

단락을 나눌 경우 '>'만 입력해요.

인용구는 중첩이 가능해요.

인용구 안에서 기타 마크다운 언어를 사용할 수 있어요.


5. 텍스트 강조, 취소선

*또는 _또는 ~를 이용해 텍스트를 강조하거나 취소선을 나타낼 수 있다.

✏️ 입력

**굵게1**, __굵게2__
*기울임1*, _기울임2_
***강조와 기울임1***, ___강조와 기울임2___
~~취소선~~

👀 결과
굵게1, 굵게2
기울임1, 기울임2
강조와 기울임1, 강조와 기울임2
취소선


6. 목록

목록은 순서가 없는 목록과 순서가 있는 목록으로 나뉜다.
둘을 같이 사용할 수도 있다.

6.1. 순서가 없는 목록

-또는 +또는 *로 나타낸다.

✏️ 입력

- 순서 없는 목록이에요.
    - 첫 요소는 띄어쓰기를 4번 입력해 만들어요.
    	- 요소 내에서 Tab을 누르면 하위 목록을 표현해요.
    - 다시 띄어쓰기 4번으로 상위 계층으로 돌아가요.
    > 인용구도 넣을 수 있어요.
    + 목록 내에서 `인라인 코드` 표기가 가능해요.
    * 띄어쓰기 8번 혹은 Tab을 두 번 사용해 코드 블럭을 만들 수 있어요.
    
    		코드 블럭을 사용하려면
            1. 요소 내에서 한 칸의 빈 줄을 넣어요.
            2. 요소 내에서 Tab을 두 번 눌러요.

👀 결과

  • 순서 없는 목록이에요.
    • 첫 요소는 띄어쓰기를 4번 입력해 만들어요.
      • 요소 내에서 Tab을 누르면 하위 목록을 표현해요.
    • 다시 띄어쓰기 4번으로 상위 계층으로 돌아가요.

      인용구도 넣을 수 있어요.

    • 목록 내에서 인라인 코드 표기가 가능해요.
    • 띄어쓰기 8번 혹은 Tab을 두 번 사용해 코드 블럭을 만들 수 있어요.

      코드 블럭을 사용하려면
        1. 요소 내에서 한 칸의 빈 줄을 넣어요.
        2. 요소 내에서 Tab을 두 번 눌러요.
        

6.2. 순서가 있는 목록

숫자 1+.으로 사용한다.
단락을 바꾸고 1. 로 시작해야 하며 이후에 오는 숫자는 연속적이지 않아도 된다.

✏️ 입력

1. 첫 번째 목록
2. 두 번째 목록
1. 세 번째 목록 - 1번으로 작성해도 3번으로 표시돼요.

👀 결과

  1. 첫 번째 목록
  2. 두 번째 목록
  3. 세 번째 목록 - 1번으로 작성해도 3번으로 표시돼요.

7. 이모티콘

Mac: control+command+space bar
Windows 10: window+.


8. 수평선

-또는 *또는 _를 3개 이상 작성


참고
https://velog.io/@yeseolee/Velog-사용법-정리
https://velog.io/@kim-mg/velog-글쓰기-markdown-작성법

profile
개: 개롭지만 발: 발전하는중

0개의 댓글