FRONTEND

Templates

첫 문단은 도입부입니다. 여기에는 제목(##)을 쓰지 말고, 글이 무엇을 다루는지 2~3문장으로 편하게 풀어 쓰면 카드 요약과 잘 어울립니다.

이렇게 h2 로 큰 단락을 나눕니다

## 제목### 제목오른쪽 목차에 자동으로 들어갑니다. (h1 은 글 제목이 이미 쓰므로 본문에서는 h2 부터 시작하세요.)

강조는 굵게, 기울임, 취소선, 그리고 인라인 코드 를 쓸 수 있습니다.

이렇게 h3 로 하위 단락을

문단과 문단 사이는 빈 줄 하나로 나눕니다. 빈 줄이 없으면 한 문단으로 붙습니다.

목록

순서 없는 목록:

  • 첫 번째 항목
  • 두 번째 항목
    • 들여쓰기(스페이스 2칸)로 하위 항목
  • 세 번째 항목

순서 있는 목록:

  1. 준비하기
  2. 실행하기
  3. 확인하기

체크리스트(할 일 목록):

  • 끝난 일
  • 아직 안 한 일

코드 블록

백틱 3개 뒤에 언어 이름을 적으면 문법 강조가 자동으로 됩니다.

// 언어를 적으면(ts, js, py, sql, go, bash, json …) 색이 입혀집니다
function greet(name: string): string {
  return `안녕하세요, ${name}님`;
}

인용

인용문은 문장 앞에 > 를 붙입니다. 팁이나 중요한 문장을 강조할 때 좋습니다.

항목설명필수
title글 제목O
tags태그 배열X

링크와 이미지

텍스트 링크 처럼 쓰고, https://astro.build 처럼 주소만 적어도 자동으로 링크가 됩니다.

이미지는 이 글과 같은 폴더에 파일을 두고 상대경로로 넣는 방식을 권장합니다 (배포 주소에 상관없이 항상 정상 작동합니다):

이미지 설명

구분선

가로줄이 필요하면 하이픈 3개를 씁니다.


각주

문장 끝에 각주를 달 수 있습니다.1 각주 내용은 글 맨 아래에 모입니다.

마치며

본문은 여기까지. 이 파일을 src/content/blog/ 안에 복사해서 시작하고, 파일 이름이 그대로 글 주소가 된다는 점(예: my-post.md/blog/my-post/)만 기억하세요. 다 쓰면 draft: truefalse 로 바꿔 저장하면 됩니다.

Footnotes

  1. 이렇게 각주 내용을 적습니다.