벨로그를 알아보자

퇴근하고픈 개발자·2022년 9월 15일
1

Velog

목록 보기
1/1

Velog로 블로그를 시작하는 기념이자
Velog와 친해지고자 벨로그 사용법에 대해 간단하게 알아보자!

🙂 제목

제목은 h1 ~ h6로 표시할 수 있다.
제목을 표시할 경우에는 #을 사용한다.

📋 마크다운

# 한개 입력 시 h1
## 두개 입력 시 h2
....
###### 여섯개 입력 시 h6

🐱‍👤 결과

H1입니다.

H2입니다.

H3입니다.

H4입니다.

H5입니다.
H6입니다.

🙂 인용구문

인용내용을 사용하기 위해서는 >를 사용한다.

📋 마크다운

># 1단
>>## 2단
>>>### 3단
>>>>#### 4단

계속해서 하위레벨로 사용할 수 있으며 인용구문안에서 제목을 사용할 수 있다.

🐱‍👤 결과

1단

2단

3단

4단


🙂 리스트

불릿 리스트는 * + - 중 아무거나 사용하면 된다.

📋 마크다운

* 테스트를
+ 여러가지고
- 해봅시다

🐱‍👤 결과

  • 테스트를
  • 여러가지고
  • 해봅시다

숫자 리스트는 숫자 + .을 사용한다.

📋 마크다운

1. 1번
2. 2번
3. 3번

🐱‍👤 결과

  1. 1번
  2. 2번
  3. 3번

😜 문단간격

문단 간격은 줄바꿈으로 나타내며 여러번 줄바꿈<br/>을 사용하면 가능합니다!

📋 마크다운

첫째줄<br/><br/>
두번째줄

🐱‍👤 결과

첫째줄


둘째줄


😁 폰트스타일

굵게, 기울림, 취소선 등의 스타일을 작성할 수 있습니다.

📋 마크다운

	__굵게__
    **굵게**
    _기울게_
    *기울게*
    ~취소선~
    ~~취소선~~

🐱‍👤 결과

굵게
굵게
기울게
기울게
~취소선~
취소선


😁 강조

이탤릭, 볼드, 취소선을 사용할 수 있습니다.

📋 마크다운

_이탤릭_
__볼드__
~~취소선~~

🐱‍👤 결과
이탤릭
볼드
취소선


😜 기호표시

마크다운에서 기호를 그대로 출력하려면 역슬래시를 앞에 붙여주면 됩니다.

📋 마크다운

\*
\(
\)
\!
\#
\.
\\

🐱‍👤 결과
*
(
)
!
#
.
\


😜 인라인코드

백틱 ` 을 사용하여 인라인 코드를 작성해요

📋 마크다운

`인라인 코드 작성`

🐱‍👤 결과

인라인 코드 작성


😜 여러줄로 된 코드

백틱을 세 개 사용하거나 탭을 사용해서 작성할 수 있습니다.

📋 마크다운

```
위 아래 ```3개로 감싸거나 탭을 사용하면 됩니다.
```

🐱‍👤 결과

위 아래 ```3개로 감싸거나 탭을 사용하면 됩니다.

😜 코드 작성

백틱 3개 뒤에 필요한 언어를 붙이면 됩니다!

📋 마크다운

```javascript
const summary = (cost, cnt) => cost * cnt;

🐱‍👤 결과

const summary = (cost, cnt) => cost * cnt;

사용가능 한 언어는 아래를 참고하자

👍벨로그 코드 마크다운에서 사용가능한 언어들을 알아보자!


😁 가로선 넣기

아무래도 각 영역을 나누어주고 블로그 작성 시 가장 많이 사용할 것 같은 가로선이다.

📋 마크다운

* * *
***
*****
- - -
---
-----
_ _ _
___
_____

🐱‍👤 출력










😁 Link 넣기

📋 마크다운

[👍벨로그 코드 마크다운에서 사용가능한 언어들을 알아보자!](https://velog.io/@atreyu/Velog-MarkDown-%EC%82%AC%EC%9A%A9-%EA%B0%80%EB%8A%A5-%EC%96%B8%EC%96%B4-%EB%A6%AC%EC%8A%A4%ED%8A%B8)

🐱‍👤 출력

👍벨로그 코드 마크다운에서 사용가능한 언어들을 알아보자!


😁 Image 넣기

링크넣는 것과 비슷하고 앞쪽에 !가 붙는다

📋 마크다운

1. 위 Link와 같이 이미지 삽입
![제목](이미지링크)
![라이언이올시다](https://mblogthumb-phinf.pstatic.net/20160127_177/krazymouse_1453865104404DjQIi_PNG/%C4%AB%C4%AB%BF%C0%C7%C1%B7%BB%C1%EE_%B6%F3%C0%CC%BE%F0.png?type=w2)

2. 이미지 설명달기
![제목](이미지링크 "설명")
![라이언이올시다](https://mblogthumb-phinf.pstatic.net/20160127_177/krazymouse_1453865104404DjQIi_PNG/%C4%AB%C4%AB%BF%C0%C7%C1%B7%BB%C1%EE_%B6%F3%C0%CC%BE%F0.png?type=w2 "넘나귀여운 라이언")

🐱‍👤 출력

  1. 위 Link와 같이 이미지 삽입

  2. 이미지 설명달기


😁 Table

  • 가로는 | 로 구분할 수 있다.
  • - 를 여러개 붙여서 tr을 구분할 수 있다.
  • :으로 정렬할 수 있다.

📋 마크다운

|    |왼쪽정렬|중앙정렬|오른쪽정렬
|----|:----|:----:|----:
|aaaa|aaaa|aaaa|aaaa

🐱‍👤 결과

왼쪽정렬중앙정렬오른쪽정렬
aaaaaaaaaaaaaaaa

아래 글을 참고하여 작성했습니다!
velog 마크다운(markdown) 작성법

0개의 댓글