내가 보려고 만든 Velog 사용법

구도·2025년 1월 2일
1

Other

목록 보기
1/3
post-thumbnail

📖 Velog

Velog란 "개발자를 위한 최적의 블로그 서비스"
워드프레스로 블로그 운영을 하면서 불편했던 점들을 개선해서 새로운 블로그 플랫폼을 개발.
블로그의 디자인 수정도 쉽게 할 수 있어 개발 블로그 운영에도 많은 사람들이 이용
마크다운을 사용하기 때문에 html를 만드는 느낌이 드는 듯

무엇보다 심플하고 예쁘게 생겼다

그래서 Velog 사용법 정리를 해보겠음
두고두고 잘 사용해야지 🤭


🚩 헤더

h1 ~ h6 까지 헤더로 제목을 만들 수 있다.
Velog에서 제목을 만들면 알아서 목차를 생성해준다.

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


🚩 인용문

✍️ 입력

> **인용문 만들기**
문단 앞에 '>'을 입력해서 인용문을 만들 수 있다.

> '>' 여러번 쓰면
>> 이렇게 중첩으로
>>> 인용문 사용이 가능하다.

👉 출력

인용문 만들기
문단 앞에 '>'를 사용해서 인용문을 만들 수 있다.

'>' 여러번 쓰면

이렇게 중첩으로

인용문 사용이 가능하다.



🚩 목록

순서를 표기하는 목록 / 순서가 없는 목록 두 가지를 작성할 수 있다.

🔻 순서를 표기하는 목록

숫자.을 사용하여 작성합니다.

입력

1. 첫 번째
2. 두 번째
3. 세 번째

👉 출력

  1. 첫 번째
  2. 두 번째
  3. 세 번째

🔻 순서가 없는 목록

-, *, + 을 사용하여 작성
인라인 코드, 블럭 코드를 작성할 수 있으며 Tab키나 스페이스 바를 이용해 들여쓰기가 가능.

입력

- 순서 없는 목록 1
    - 목록 1.1
        - 목록 1.2
- 순서 없는 목록 2
        T`Tab`키 두 번 누르면 코드 블럭

	+ `인라인 코드 가능`
    	+ 들여쓰기(tab키 이용)를 하면 다른 모양으로 표현 된다.
        
        ``` 
		- 블럭 코드 -
		``` 

👉결과

  • 순서 없는 목록 1

    • 목록 1.1
  • 순서 없는 목록 2

    `Tab`키 두 번 누르면 코드 블럭
     
  • 인라인 코드 가능
    - 들여쓰기(tab키 이용)를 하면 다른 모양으로 표현 된다.
    		- 블럭 코드 -
      


🚩 폰트 스타일

입력

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

👉 결과

굵게
굵게
기울여 쓰기
기울여 쓰기
취소선


🚩 문단 간격

문단의 간격은 줄 바꿈으로 나타내며, 여러 번 줄 바꿈 시 <br>을 사용하면 가능

입력

<br>


🚩 이미지 삽입

입력

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

이미지에 링크 추가하려면 ?

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


🚩 링크 삽입

입력

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

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

👉 결과

인라인 링크
https://blog.naver.com/charmin_gu


🚩 수평선

-, *, _를 3개 이상 작성


👉 결과




🚩 코드블럭 만들기

한 줄짜리 코드블럭은 간단하게 Tab로 작성

Tab 이후에 입력한 텍스트

여러줄의 코드블럭은 백틱 ( ``` ) 으로 감싼다.

여러 줄의 코드 블럭은
``` 으로 감싼다.
코드블럭을 이용해서 특정 언어의 코드를 작성할 수 있다.

✍ 입력

```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");
    }
}

profile
☕️ ˳˚*

0개의 댓글