Velog 사용법 정리

이예서·2020년 12월 10일
336
post-thumbnail

📒 Velog 기본 문법

📌 제목

h1 부터 h6 로 제목을 표현할 수 있다.

Velog 에서는 제목을 통해 목차를 알아서 생성해준다는 점이 참 매력적이다.

마크다운 작성시

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

참고: h1, h6 처럼 회색 박스로 감싼 부분은 인라인 코드라고 하는데, 백틱( ` )으로 감싸서 작성한다.


📌 코드블럭 만들기

한줄짜리 코드블럭은 간단하게 Tab을 이용하여 작성한다.

Tab 이후에 입력한 텍스트

여러줄의 코드블럭은 백틱( ` ) 3개를 감싸서 작성한다.

안녕 안녕
나는 코드블럭이야
백틱으로 감쌌더니 이렇게 됐지

코드블럭을 이용해서 특정 언어의 코드를 작성할 수 있다.
입력

```java
public class HelloWorld {
public void main(String[] args) { 
	//hello world
	System.out.println("Hello World");
    }
}
```

👉 결과

public class HelloWorld {
    public void main(String[] args) {
    	//hello world
        System.out.println("Hello World");
    }
}

📌 인용문

'>'를 이용한다. 한번만 사용할 수도 있고, 여러개로 중첩하여 사용할 수도 있다.

입력

>인용문 사용하는 법
문단 맨 앞에 '>'을 쓴다.

>인용문 사용하기
>>중첩 사용하기
>>>중첩중첩 사용하기

👉 결과

인용문 사용하는법
문단 맨 앞에 '>'을 쓴다.

인용문 사용하기

중첩 사용하기

중첩 중첩 사용하기


📌 링크 삽입

입력

인라인 링크 작성
[인라인 링크](https://velog.io/)

url 링크 작성
<https://velog.io/>

👉 결과

인라인 링크
https://velog.io/


📌 이미지 삽입

입력

![이미지 설명](이미지 링크)

이미지에 링크 추가하려면

[![이미지 설명](이미지 링크)](연결하고자하는 url "마우스 오버 시 나타낼 링크 title")

📌 이모지

아래 주소의 이모지를 복사+붙여넣기로 사용하면 된다.
https://kr.piliapp.com/twitter-symbols/
단축키 윈도우 키 + 마침표(.) 로만 사용했는데, 이건 처음 알았다.


📌 수평선

-또는 * 또는 _를 3개 이상 작성
(단, -를 사용할 경우 header로 인식할 수 있어 이 전 라인은 비워야 한다고 하니, 일반적으로 *을 쓰는게 편할 듯하다.)


다음은 내가 참고한 사이트이다.
내 입장에서 자주 사용할만한 기능 위주로 정리했다.
https://velog.io/@yuuuye/velog-마크다운MarkDown-작성법
https://velog.io/@jinuku/Velog-간단-사용법

profile
데이터 분석을 전공하는 백엔드 엔지니어

11개의 댓글

comment-user-thumbnail
2020년 12월 31일

이모지 맥북은 ⌃ + ⌘ + 스페이스!

3개의 답글
comment-user-thumbnail
2021년 1월 8일

궁금했는데, 감사합니다!

답글 달기
comment-user-thumbnail
2021년 1월 19일

깔끔한 정리 감사합니다

답글 달기
comment-user-thumbnail
2021년 1월 21일

지수같이 기여운 코드블럭이네욤 :)

답글 달기
comment-user-thumbnail
2021년 9월 28일

코드블럭이 헬륨을 마셨네요

답글 달기
comment-user-thumbnail
2021년 12월 10일

🐧

답글 달기
comment-user-thumbnail
2022년 2월 2일

감사합니다!

답글 달기
comment-user-thumbnail
2022년 4월 21일

좋은 정보 알아갑니다 감사해요 :)

답글 달기