🖊️ Markdown 사용하기
Gatsby(개츠비)에서는 CMS 플러그인을 통해 사용자 친화적인 UI를 이용하여 글을 작성할 수도 있지만, 따로 설치하지 않고 로컬에서 마크다운(Markdown) 언어를 통해 포스팅을 작성할 수 있습니다.
📄 문단 나누기
---3개만 입력하면 아래처럼 문단을 나눠주는 줄이 생성됩니다.
✍️ 인용구
> `>`을 사용하여 텍스트를 인용할 수 있습니다.
> 연속해서 두 줄 입력하면 연속되는 내용을 한번에 입력할 수 있습니다.
> 한 줄을 추가로 띄면 글 내용을 나눌 수 있습니다.
> 들여쓰기
>> 두 번 입력하여 들여쓰기도 가능합니다.
>>> 3번 입력
>>>> 4번 입력
>>>>> 5번을 사용하여 텍스트를 인용할 수 있습니다. 연속해서 두 줄 입력하면 연속되는 내용을 한번에 입력할 수 있습니다.
한 줄을 추가로 띄면 글 내용을 나눌 수 있습니다.
들여쓰기
두 번 입력하여 들여쓰기도 가능합니다.
3번 입력
4번 입력
5번
💯 강조(Emphasis)
아래와 같은 기호를 사용하여 볼드, 취소선, 밑줄을 사용할 수 있습니다.
**Bold** or __Bold__
~~Strikethrough~~
<u>Underline</u>Bold or Bold
Strikethrough
Underline
👩🏻💻 코드 삽입
인라인 코드를 삽입하고 싶다면 두 개의 백틱 (`) 안에 코드를 삽입하면 됩니다.
전체 코드를 작성하고 싶다면 `을 세 개 사용합니다.
yarn develop위와 같이 작성하고 코드를 끝낼때도 `를 세 개 사용하여 끝냅니다. 코드를 열때 백틱 세 개 바로 옆에 사용하는 언어를 같이 기재하면 언어에 맞는 코드 하이라이팅이 실행됩니다.
🔢 리스트
순번 리스트
- 보이는 것처럼 번호를 기재하면 그대로 순서를 나타낼 수 있습니다.
-
만약 더 세분화가 필요할 경우 줄을 바꾼 뒤 들여쓰고
-을 추가합니다. 아래처럼 표시됩니다.- 3번의 세부 내용
-
세부 내용에도 번호를 매길 수 있습니다.
- 들여 쓴 뒤 번호를 매겨주면 적용됩니다.
순번 없는 리스트
- 별표 (*)
- 마이너스 기호 (-)
+ 플러스 기호 (+)- 별표 (*)
- 마이너스 기호 (-)
- 플러스 기호 (+) 모두 똑같이 적용됩니다.
🔗 링크 삽입
기본 링크 스타일
[inline-style 링크](https://www.google.com)
[제목이 있는 inline-style 링크](https://www.google.com "링크 제목")
사이트 주소로 그대로 불러오려면 `<>` 안에 사이트 url(<http://www.google.com>)을 배치합니다.제목이 있는 inline-style 링크 (커서를 대 보면 링크 제목을 확인할 수 있습니다.)
사이트 주소로 그대로 불러오려면 <> 안에 사이트 url (http://www.google.com)을 배치합니다.
다른 링크 스타일
../을 사용하여 전체 url 없이 내부 포스팅/페이지 링크를 만들 수 있습니다.- 많이 사용해야 하는 링크의 경우 마지막 두 줄처럼 이름을 미리
[]안에 정의한 후 자유롭게 불러오는 것도 가능합니다.
[내부 링크](../about)
[링크 스타일][1]
[예시]
[1]
// 포스팅 최하단에 기재할 내용
[1]: http://www.google.com
[예시]: http://www.google.com🌉 이미지(image) 삽입
쉽고 간편한 마크업 언어인 Markdown의 기본적인 사용법을 알아보았습니다. ✍️