Photo by Daria Kraplak / Unsplash

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

Web, 인터넷 2023년 7월 26일

개요

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

마크다운이란?

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

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

고스트에서 마크다운 입력 상태

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

마크다운 에디터 카드 입력

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

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

참고

마크다운 사용

기본 텍스트

결과 마크다운 단축키
굵게 **굵게** 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. 김범수, 나얼, 박효신, 이용운을 말합니다. ↩︎

태그

BoniK

협업, 의뢰, 레슨 등 문의 : mail@bonik.me, open.kakao.com/me/bonik