이 페이지는 마크다운의 기본 요소를 한 번에 점검한다.

H1 제목 예시

H2 제목 예시

H3 제목 예시

H4 제목 예시

H5 제목 예시
H6 제목 예시

인용문은 본문보다 살짝 내려앉아 보여야 하고, 길어도 읽는 리듬이 유지되어야 한다.

  • 일반 목록
    • 들여쓰기 목록
      • 더 깊은 들여쓰기
  • 또 다른 항목
  1. 번호 목록
  2. 번호가 이어지는지 확인
  3. 중간에 다른 블록이 들어가도 괜찮은지 본다
  • 완료된 작업
  • 남은 작업
  • 렌더링 확인
항목 예시 확인
인라인 코드 var(--accent) 토큰이 코드로도 보이는가
굵은 글자 강조 대비가 충분한가
기울임 보조 설명 문장 흐름이 자연스러운가

inline code와 bold, italic, kbd 같은 요소가 같이 있어도 깨지지 않아야 한다.

코드 블록

<div class="example">
  <p>코드 블록은 가독성이 핵심이다.</p>
</div>

:root {
  --example-color: var(--accent);
}

각주

문장 끝에 각주를 붙이면 참고 설명이 본문 밖으로 분리된다.1

자세히 보기

접어 보기

접힘 영역 안에서도 Markdown이 정상적으로 렌더링되어야 한다.

  • 짧은 설명
  • 표준 문법
  • 추가 주의사항

방향성 섞기

LTR text: Hugo theme upgrade lab, typography, layout, rendering.
العربية العربية العربية. 방향성이 바뀌어도 카드와 본문 리듬이 깨지면 안 된다.

숏코드 조합 보기 · 엣지 케이스

  1. 각주 내용이 길어져도 본문 리듬을 해치지 않아야 한다. ↩︎