Tags

Blog2Callout1Cheatsheet1Cloudflare1Guide2LaTeX1Markdown1Mermaid1Obsidian2Project1Quartz3

BeautyKim Blog

마크다운 & Quartz 문법 치트시트

3 min read

1. 텍스트 기본 (Typography)

기능문법결과
굵게**텍스트**텍스트
기울임*텍스트*텍스트
취소선~~텍스트~~텍스트
형광펜==텍스트==텍스트
인라인 코드`코드`코드
[링크][이름](URL)Google

2. 콜아웃 (Callouts) - 자주 쓰는 5종

상황에 맞게 아이콘과 색상이 변합니다.

💡 정보 / 팁 (Info, Note)

[!info] 정보나 팁을 전달할 때 사용합니다. (파란색)

Info

정보나 팁을 전달할 때 사용합니다. (파란색)

✅ 성공 / 완료 (Success, Check)

[!success]

Success

해결 방법이나 긍정적인 결과를 보여줄 때 사용합니다. (초록색)

⚠️ 경고 / 주의 (Warning, Caution)

[!warning]

Warning

주의사항이나 에러 방지를 위해 사용합니다. (노란색)

🚨 위험 / 에러 (Danger, Error, Fail)

[!danger]

Danger

치명적인 문제나 금지 사항을 나타낼 때 사용합니다. (빨간색)

❓ 질문 / 도움 (Question, Help)

[!question]

Question

궁금한 점이나 도움말을 적을 때 사용합니다. (보라색)

3. 코드 블록 (Code Blocks)

언어를 명시하면 문법 하이라이팅이 적용됩니다.

[작성법]

```typescript
const dev = "3년 차";
console.log(`${dev} 개발자의 블로그`);
```

[결과]

const dev = "3년 차";
console.log(`${dev} 개발자의 블로그`);

4. 다이어그램 (Mermaid)

4-1. 순서도 (Flowchart)

```mermaid
graph LR
    A[시작] --> B{조건?}
    B -- Yes --> C[완료]
    B -- No --> D[수정]
```

graph LR
    A[시작] --> B{조건?}
    B -- Yes --> C[완료]
    B -- No --> D[수정]

4-2. 시퀀스 (Sequence)

```mermaid
sequenceDiagram
    Client->>Server: Request
    Server-->>Client: Response
```

sequenceDiagram
    Client->>Server: Request
    Server-->>Client: Response

5. 수학 공식 (LaTeX)

수학 공식이나 복잡한 단위를 표기할 때 사용합니다.

  • 인라인: $E = mc^2$ →
  • 블록: $$a^2 + b^2 = c^2$$

6. 옵시디언 전용 문법 (Obsidian Core)

  • 내부 링크: [[파일명]] 또는 [[파일명|표시텍스트]]
  • 이미지 삽입: ![[image.png|300]] (뒤의 숫자로 크기 조절 가능)
  • 각주: 문장 끝에[^1] 입력 후 하단에 [^1]: 내용 작성
  • 체크리스트:
    • 할 일 1
    • 완료된 일

7. 표 (Tables)

| 항목 | 설명 | 비고 |
| :--- | :--- | :--- |
| Quartz | SSG 도구 | 빠름 |
| Obsidian | 노트 앱 | 편리 |

팁: 이 시트에도 없는 특수한 문법이 필요할 때는 Quartz 공식 문서를 참고

Graph View