나를 위한 Velog 기본 작성 Tip!
1. 제목(header)
h1
부터 h6
까지 표현할 수 있으며, #
의 개수로 표현가능합니다.
✍ 마크다운 작성 시
# h1
## h2
### h3
#### h4
##### h5
###### h6
👉 결과
h1
h2
h3
h4
h5
h6
🙌 h1과 h2는 이렇게도 작성 가능합니다.
=
, -
를 각각 2개이상 사용하면 아래와 같이 h1
, h2
의 #
을 대체할 수 있습니다.
여러 개를 사용해도 마찬가지예요.
✍ 마크다운 작성 시
h1
==
h2
--
하이픈을 여러 개 사용한 제목
----------
👉 결과
h1
h2
하이픈을 여러 개 사용한 제목
2. 문단 간격
문단의 간격은 줄 바꿈
으로 나타내며, 여러 번 줄 바꿈
시 <br/>
를 사용하면 가능합니다.
✍ 마크다운 작성 시
첫 번째 문단<br/><br/>
두 번째 문단
👉 결과
첫 번째 문단
두 번째 문단
3. 목록
순서를 표기하는 목록 / 순서가 없는 목록 두 가지를 작성할 수 있습니다.
3.1 순서를 표기하는 목록
숫자
와 .
을 사용하여 작성합니다.
✍ 마크다운 작성 시
1. 첫 번째
2. 두 번째
3. 세 번째
👉 결과
- 첫 번째
- 두 번째
- 세 번째
3.2 순서가 없는 목록
-
, *
, +
을 사용하여 작성합니다. (셋 다 동일하게 작성됩니다.)
인라인 코드, 블럭 코드를 작성할 수 있으며 Tab
키나 스페이스 바
를 이용해 들여쓰기가 가능합니다.
✍ 마크다운 작성 시
- 순서 없는 목록 1
- 목록 1.1
- 목록 1.2
- 순서 없는 목록 2
Tab 두번 하면 코드 블럭을 만들 수 있어요.
* 순서 없는 목록 3
+ 순서 없는 목록 4
+ '인라인 코드 쓰기 가능'
+ 들여쓰기(tab키)를 하면 다른 모양으로 표현됩니다.
```
블럭 코드 가능
```
👉 결과
-
순서 없는 목록 1
- 목록 1.1
- 목록 1.2 -
순서 없는 목록 2
Tab 두번 하면 코드 블럭을 만들 수 있어요.
- 순서 없는 목록 3
- 순서 없는 목록 4
+ '인라인 코드 쓰기 가능'
+ 들여쓰기(tab키)를 하면 다른 모양으로 표현됩니다.``` 블럭 코드 가능 ```
4. 폰트 스타일
굵게, 기울이기, 취소선 등 기본적인 스타일을 아래와 같이 작성할 수 있습니다.
✍ 마크다운 작성 시
__굵게__
**굵게**
_기울여 쓰기_
*기울여 쓰기*
~취소선~
~~취소선~~
👉 결과
굵게
굵게
기울여 쓰기
기울여 쓰기
취소선
5. 인용문
인용문을 작성할 때는 >
를 사용합니다.
✍ 마크다운 작성 시
> 인용문 작성하기
- 작성자
> 인용문 작성하기
>> (>)의 갯수에 따라
>>> 중첩문 가능
👉 결과
인용문 작성하기
- 작성자
인용문 작성하기
(>)의 갯수에 따라
중첩문 가능
6. 인라인 코드
백틱( `` )
을 사용하여 인라인 코드를 작성할 수 있습니다.
✍ 마크다운 작성 시
`인라인 코드는 이렇게 작성해요.`
👉 결과
인라인 코드는 이렇게 작성해요.
7. 여러줄로 된 코드 블럭
백틱(```)
을 세 개 사용하여 작성할 수 있습니다.
✍ 마크다운 작성 시
'''
위 아래 3개로 감싸면 블럭으로 만들 수 있어요.
'''
👉 결과
위 아래 3개로 감싸면 블럭으로 만들 수 있어요.
😁 코드 하이라이트
백틱 3개 뒤에 언어 이름을 넣어주세요.
ex) (```python)
👉 결과
num_list = ['one', 'two', 'three']
for num in num_list:
print(num)
8. 링크(link)
인라인 링크와 url링크, 참조 링크로 나타낼 수 있습니다.
✍ 마크다운 작성 시
인라인 링크는 아래처럼
[인라인 링크](https://velog.io/)
url 링크는 아래처럼
<https://velog.io/>
참조 링크
[velog]:(https://velog.io/)
👉 결과
인라인 링크는 아래처럼
인라인 링크
url 링크는 아래처럼
https://velog.io/
참조 링크
9. 수평선
*
이나 -
, _
등을 3개 이상 입력하면 작성할 수 있습니다.
띄워쓰기를 중간에 삽입하여도 가능합니다. 다만, 하이픈-
은 헤더로 인식할 수도 있으니
주의해서 사용할 필요가 있습니다.
✍ 마크다운 작성 시
***
-----
__ __ __ __ __ __ __
👉 결과
10. 이미지 링크
이미지 링크는 아래와 같이 작성할 수 있습니다.
✍ 마크다운 작성 시
![이미지 설명](이미지 링크)
![고양이애옹](https://cdn.pixabay.com/photo/2019/03/13/08/29/cat-4052454_1280.jpg)
👉 결과
만약 이미지에 링크를 걸고 싶을 경우에는 아래와 같이 작성합니다.
✍ 마크다운 작성 시
[![이미지 설명](이미지 링크)](연결하고자하는 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")
👉 결과
[![이미지 설명](이미지 링크)](연결하고자하는 url "마우스 오버 시 나타낼 링크 title")
[](https://cdn.pixabay.com/photo/2019/03/13/08/29/cat-4052454_1280.jpg"이미지 무료 사이트 pixabay")
이미지 크기는 10MB 이하만 가능합니다. (gif 포함)
사이즈 조절과 관련된 마크다운은 아직 적용이 되어있지 않은 것 같아요🙂
11. 체크박스
-
, *
, +
뒤에 띄어쓰기 후 대괄호
를 넣어 작성해주세요. 대괄호
안에 띄어쓰기를 하면 빈 체크박스, x
를 넣으면 체크된 박스가 생깁니다.
✍ 마크다운 작성 시
- [ ] 운동하기
- [x] 강의 듣기
👉 결과
- 운동하기
- 강의 듣기
Author And Source
이 문제에 관하여(나를 위한 Velog 기본 작성 Tip!), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@gydudsla12/나를-위한-Velog-기본-작성-Tip저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)