(velog) 벨로그 사용법

hong·2023년 4월 11일
0

velog

목록 보기
1/1
post-thumbnail

벨로그 사용해보려고 다른데서 베껴온 벨로그 사용법

마크다운이란

마크다운(markdown)은 일반 텍스트 문서의 양식을 편집하는 문법이다.
README 파일이나 온라인 문서, 혹은 일반 텍스트 편집기로 문서 양식을 편집할 때 쓰인다. 마크다운을 이용해 작성된 문서는 쉽게 HTML 등 다른 문서형태로 변환이 가능하다.
-위키백과

🤷‍마크다운 작성법

1. 제목(header)

h1 부터 h6까지 표현할 수 있으며, #의 개수로 표현 가능

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

👆작성 / 결과👇

h1

h2

h3

h4

h5
h6

2.문단 간격

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

첫 번째 문단</br>
두 번째 문단</br>

👆작성 / 결과👇

첫 번째 문단


두 번째 문단

3. 목록

순서를 표기하는 목록 / 순서가 없는 목록 두 가지를 작성 가능

3-1 순서를 표기하는 목록

숫자.을 사용하여 작성 가능

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

👆작성 / 결과👇

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

3-2 순서가 없는 목록

- , * , + 를 사용하여 작성 (셋 다 동일)
인라인 코드 , 블럭 코드를 사용하여 작성 가능하며 Tab키나 Space bar를 이용해 들여쓰기 가능

- 순서 없는 목록1
	
    - 목록 1-1
    	
        - 목록 1-2
        
- 순서 없는 목록2

		Tab  두 번 하면 코드 블록 만들 수 있음
        
- 순서 없는 목록3
	+`인라인 코드 가능`
    	+들여쓰기(Tab)를 하면 다른 모양으로 표현됨

👆작성 / 결과👇

  • 순서 없는 목록1

    • 목록 1-1

      • 목록 1-2
  • 순서 없는 목록2

    		Tab  두 번 하면 코드 블록 만들 수 있음
  • 순서 없는 목록3
    +인라인 코드 가능
    +들여쓰기(Tab)를 하면 다른 모양으로 표현됨

4. 폰트 스타일

굵게 , 이탤릭체 , 취소선 등 기본적인 스타일을 아래와 같이 작성 가능

__굵게__
**굵게**
_이탤릭체_
*이탤릭체*
~~취소선~~

👆작성 / 결과👇

굵게
굵게
이탤릭체
이탤릭체
취소선

5. 인용문

인용문을 작성 할 때에는 > 를 사용

> 인용문 작성하기
-hong

>인용문 작성하기 2
>> `>` 의 개수에 따라
>>> 중첩 가능

👆작성 / 결과👇

인용문 작성하기
-hong

인용문 작성하기 2

> 의 개수에 따라

중첩 가능

6. 인라인 코드

백틱(`) 을 사용하여 작성

`인라인 코드 작성`

👆작성 / 결과👇

인라인 코드 작성

7. 여러 줄 코드블럭

백틱(`) 을 세 개 사용하여 작성

``` 
위 아래 3개로 감싸면 가능
``` 

👆작성 / 결과👇

위 아래 3개로 감싸면 가능

🎇 코드 하이라이트

``` 아래와 같이 백틱 3개 뒤에 언어 이름 작성

``` javascript
let sol = () =>
{
	return "예제"
};
``` 

👆작성 / 결과👇

let sol = () =>
{
	return "예제"
};

8. 링크(link)

링크는 인라인 링크와 url링크로 나타냄

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

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

👆작성 / 결과👇

인라인 링크
인라인 링크

url링크
https://velog.io/

9. 수평선

* , - , _ 를 3개 이상 사용하여 작성 가능
띄어쓰기를 중간에 삽입해도 됨. - 은 헤더로 인식할 수 있으니 주의

***
---
__ __ __

👆작성 / 결과👇




10. 이미지 링크

이미지 크기는 10MB이하만 가능(gif포함)

[![이미지 설명](이미지 링크)](연결하고자하는 url "마우스 오버 시 나타낼 링크 title")
[![고양이애옹](https://cdn.pixabay.com/photo/2019/03/13/08/29/cat-4052454_1280.jpg)](https://cdn.pixabay.com/photo/2019/03/13/08/29/cat-4052454_1280.jpg "이미지 무료 사이트 pixabay")

👆작성 / 결과👇

우리집 고양이 사진

11. 테이블(Table)

|로 구분하며, 기본적인 폰트 스타일 적용 가능. 또한 -(하이픈) 으로 구분된 곳 각각 왼쪽, 양쪽, 오른쪽에 :(세미콜론) 을 붙일 경우 순서대로 왼쪽 정렬, 가운데 정렬, 오른쪽 정렬이 가능

| 드라마 제목 | 주연 배우 | 방영일 |
|:----------|:----------:|----------:|
| **호텔 델루나** | 이지은, 여진구 | ~~2019.07.13. ~ 2019.09.01.~~ |
| 타인은 지옥이다 | 임시완, 이동욱, 이현욱, 이정은 | 2019.08.31. ~ |
| 멜로가 체질 | 천우희, 안재홍, 전여빈, 공명 | 2019.08.09. ~ |

👆작성 / 결과👇

드라마 제목주연 배우방영일
호텔 델루나이지은, 여진구2019.07.13. ~ 2019.09.01.
타인은 지옥이다임시완, 이동욱, 이현욱, 이정은2019.08.31. ~
멜로가 체질천우희, 안재홍, 전여빈, 공명2019.08.09. ~

12. 체크박스(Check Box)

- , * , + 뒤에 띄어쓰기 후 [] 를 넣어 작성. [] 안에 띄어쓰기를 하면 빈 체크박스, x 를 넣으면 체크된 체크박스 생성

- [ ] 운동 하기
- [x] 강의 듣기

👆작성 / 결과👇

  • 운동 하기
  • 강의 듣기

13. 이모지

window : win + .
mac : command + Control + Space bar

14. 글자 색상

html 태그를 이용하여 작성 가능

<span style="color:red">red</span>
<span style="color:#d3d3d3">#d3d3d3</span>

👆작성 / 결과👇

red
#d3d3d3

끝!

참조한 사이트

profile
응애 프로그래머

0개의 댓글