고스트에서 마크다운 글쓰기 정리

개요

티스토리에서 고스트로 갈아타면서 마크다운 에디터를 기본으로 사용하게 됐습니다. 개인적으로 마크다운 사용법을 정리할 겸 작성하는 포스트입니다.

마크다운이란?

마크다운(Markdown)은 텍스트 기반의 마크업 언어입니다. 서식이 있는 문서를 간단하게 작성할 수 있다는 장점이 있어서 위지윅(WYSIWYG) 에디터보다 좋은 점이 많습니다. 네이버나 티스토리에서 기본으로 사용하는 에디터가 위지윅에디터고, Github에서 기본으로 사용하는 에디터가 마크다운 에디터입니다.

고스트의 마크다운에디터 상태

고스트에서는 일반 에디터 상태일 때 모든 마크다운이 문법이 적용되지 않습니다. 모든 마크다운 문법을 이용하려면 마크다운 에디터 카드로 입력해야 합니다.

고스트에서 지원하는 마크다운 기능

아래에 더 자세한 예제와 설명이 나와 있습니다. 버전에 따라 지원내용이 다를 수 있습니다. tasklist, mermaid 등은 지원하지 않습니다.

참고

• https://www.markdownguide.org/tools/ghost
• https://ghost.org/help/using-markdown/

마크다운 사용

기본 텍스트

결과	마크다운	단축키
굵게	**굵게**	Ctrl + B
이텔릭	*이텔릭*	Ctrl + I
취소선	~~취소선~~	Ctrl + Alt + U
텍스트위첨자	텍스트^위첨자^
텍스트아래첨자	텍스트~아래첨자~
하이라이트	==하이라이트==

제목

[ 마크다운 ]

# 제목1
## 제목2
### 제목3
#### 제목4
##### 제목5

[ 결과 ]

리스트

순서없는 리스트

[ 마크다운 ]

- First item
- Second item
- Third item
    - Indented item
    - Indented item
- Fourth item

[ 결과 ]

• First item
• Second item
• Third item
  • Indented item
  • Indented item
• Fourth item

순서있는 리스트

[ 마크다운 ]

1. First item
2. Second item
3. Third item
    1. Indented item
    2. Indented item
4. Fourth item

[ 결과 ]

1. First item
2. Second item
3. Third item
   1. Indented item
   2. Indented item
4. Fourth item

수평선

[ 마크다운 ]

---

[ 결과 ]

---

링크(단축키 Ctrl + K)

URL 링크

[ 마크다운 ]

[그늘진 낙원](https://bonik.me)

[ 결과 ]
그늘진 낙원

이미지 링크

일반적인 이미지 입력은 마크다운 입력 말고 드래그, 카드, 이미지 붙여넣기 등을 사용하는 걸 추천합니다. 마크다운 카드 내부에 이미지를 첨부해야 할 때만 사용하면 됩니다.

[ 마크다운 ]

[![시바새끼](/content/images/2023/07/-----8.jpg "시바새끼")](https://bonik.me/content/images/2023/07/-----8.jpg)

[ 결과 ]

코드

인라인 코드

[ 마크다운 ]

`ls -al`

[ 결과 ]
ls -al

여러줄 코드

[ 마크다운 ]

    ```markdown
    # 도커 컴포즈 실행1
    docker-compose up -d

    # 도커 컴포즈 실행2
    docker compose up -d
    ```

[ 결과 ]

# 도커 컴포즈 실행1
docker-compose up -d

# 도커 컴포즈 실행2
docker compose up -d

인용

[ 마크다운 ]

> 인용

[ 결과 ]

인용

테이블

[ 마크다운 ]

|제목(왼쪽정렬)| 내용(가운데정렬) | 참고(오른쪽정렬) |
|:-----|:-----:|------:|
|제목1 |내용1   |참고1  |
|제목2 |내용1   |참고2  |
|제목3 |내용1   |참고3  |

|  |  |  |  |  |  |  |  |
|--|--|--|--|--|--|--|--|
|♜|  |♝|♛|♚|♝|♞|♜|
|  |♟|♟|♟|  |♟|♟|♟|
|♟|  |♞|  |  |  |  |  |
|  |♗|  |  |♟|  |  |  |
|  |  |  |  |♙|  |  |  |
|  |  |  |  |  |♘|  |  |
|♙|♙|♙|♙|  |♙|♙|♙|
|♖|♘|♗|♕|♔|  |  |♖|

[ 결과 ]

제목(왼쪽정렬)	내용(가운데정렬)	참고(오른쪽정렬)
제목1	내용1	참고1
제목2	내용1	참고2
제목3	내용1	참고3

♜		♝	♛	♚	♝	♞	♜
	♟	♟	♟		♟	♟	♟
♟		♞
	♗			♟
				♙
					♘
♙	♙	♙	♙		♙	♙	♙
♖	♘	♗	♕	♔			♖

각주

[ 마크다운 ]

신인가수 강바다씨의 노래실력은 김나박이[^김나박이] 급이다!!

[![신인가수 강바다](/content/images/2023/07/image-21.png "신인가수 강바다")](https://bonik.me/content/images/2023/07/image-21.png)

[^김나박이]: 김범수, 나얼, 박효신, 이용운을 말합니다.

[ 결과 ]

신인가수 강바다씨의 노래실력은 김나박이^[1] 급이다!!

추가

• task lists는 지원되지 않습니다.
• mermaid는 지원되지 않습니다.
• multi-line(multi rows) table도 지원되지 않는 것 같습니다.
• table작성시 header는 반드시 작성해야 합니다.
• Emoji (이모지)는 붙여넣기 형태로 사용가능합니다.

---

1. 김범수, 나얼, 박효신, 이용운을 말합니다. ↩︎

태그

• Web, 인터넷