마크다운 시작 가이드

Markdown

마크다운

  • 경량 마크업 언어
  • 쉽게 읽고 쓸 수 있다는 철학
  • 서식 중심

Obsidian 설치

https://obsidian.md/download

실습

제목

# Heading 1
 
## Heading 2
 
### Heading 3
 
#### Heading 4
 
##### Heading 5
 
###### Heading 6

순서 있는 목록

1. Ordered list item
2. Ordered list item
3. Ordered list item

순서 없는 목록

- Bulleted list item
- Bulleted list item
- Bulleted list item
- Bulleted list item
- Bulleted list item
- Bulleted list item

할 일 목록

- [ ] Unfinished task list item
- [x] Finished task list item

중첩 목록

- First level
    - Second level
 
1. First level
    1. Second level
 
- First level unordered list item
    1. Second level ordered list item

인용문

> A quoted paragraph
>
> > A quoted paragraph inside a quotation

꾸미기

**bold**
**bold**
 
_italic_
_italic_
 
**_bold-italic_**
**_bold-italic_**
 
~~strikethrough~~
 
==highlight==

줄바꿈

  1. Enter
  2. Shift + Enter ✨
  3. 별표* 하이픈- 밑줄_ 3개 이상

이미지

![](https://picsum.photos/300)

링크

[text to link](https://example.com/)
[DuckDuckGo][ddg]
 
...
[ddg]: https://duckduckgo.com/

테이블

| Header | Column 1 | Column 2 |
| ------ | -------- | -------: |
| 1. Row | is       |       is |
| 2. Row | normal   |    right |
| 3. Row | column   |  aligned |

각주

Some text with a footnote[^1].
 
...
[^1]: The linked footnote appears at the end of the document.

코드

Keyword `func` indicates a function in Swift programming language.
```swift
class Shape {
  var numberOfSides = 0
}
```

인라인 HTML

<span style="color:green;">초록 텍스트</span>
<div style="display:flex; gap:8px;">
    <img src="https://picsum.photos/100" />
    <img src="https://picsum.photos/100" />
    <img src="https://picsum.photos/100" />
</div>

마크다운 지원

GitHub, GitLab, Bitbucket, Notion, Stack Overflow, Reddit, Slack, Discord, Microsoft Teams, Ghost, Simplenote, Bear, Visual Studio Code, Confluence, Obsidian, Hugo, Jekyll, IA Writer, Notable, Typora, Trello, Linear, Coda, WhatsApp, Telegram, Zoom, ...

참고 자료

  1. Daring Fireball: Markdown
  2. Obsidian Help
  3. Markdown Tutorial
  4. Markdown Cheat Sheet