마크다운을 HTML로 변환

.md 파일을 두 가지 방식으로 HTML로 만드세요: CMS나 이메일에 붙여넣을 깔끔한 렌더링 마크업을 복사하거나, 테마·구문 강조·다이어그램·수식이 내장된 완전한 자체 완결 HTML 페이지를 다운로드하세요.

무료 · 가입 불필요 · 브라우저에서 실행, 아무것도 업로드하지 않음

내보내기 메뉴: .md 다운로드, .html 다운로드, PDF로 인쇄, HTML로 복사, Markdown 복사 — Markdown, 독립 HTML 페이지, PDF로 내보내거나 렌더링된 HTML을 복사 — Paper 테마입니다.

두 종류의 HTML 출력

HTML로 복사는 렌더링된 조각을 클립보드에 넣습니다 — 래퍼 스타일이 없는 의미론적 <h2>, <p>, <table>, <pre><code> 마크업으로, 블로그 편집기, 문서 시스템, 서식 있는 텍스트를 받는 이메일에 바로 쓸 수 있습니다. .html 다운로드는 독립 페이지를 만듭니다: 렌더링된 문서와 지금 보고 있는 테마의 CSS, 강조된 코드, 렌더링된 Mermaid SVG, KaTeX 수식이 하나의 파일에 담겨 어디서든 열거나 그대로 호스팅할 수 있습니다.

변환기가 처리하는 것

변환은 미리보기와 같은 GitHub Flavored Markdown 렌더러를 사용합니다: 앵커 id가 있는 제목, 강조, 링크, 이미지, 번호·글머리 목록, 작업 목록, 정렬이 있는 표, 인용과 GitHub 알림, 언어 클래스가 있는 펜스 코드, 각주, <details> 섹션, 프런트 매터, 이모지 단축 코드, Mermaid 다이어그램, 수식. 소스의 인라인 HTML은 정제 후 통과하므로 스크립트와 이벤트 핸들러가 출력에 들어가는 일은 없습니다.

먼저 페이지 모양을 정하세요

내보내기에는 활성 테마가 담기므로 다운로드 전에 설정하세요: 16가지 라이트/다크 테마 중 하나를 고르고, 본문을 산세리프·세리프·고정폭 중에서 선택하고, 설정 메뉴에서 글자 크기와 페이지 너비를 정하세요. 내보낸 페이지는 그 선택을 반영하고 인쇄 스타일시트를 포함하므로 PDF 원본으로도 쓸 수 있습니다.

실제 화면

언어 라벨과 복사 버튼이 있는 구문 강조 TypeScript, Python, Bash, diff 코드 블록 — 코드 블록에는 언어 라벨, 50개 이상 언어의 구문 강조, 복사 버튼이 붙습니다 — One Dark 테마입니다.

색상 견본과 함께 16가지 라이트/다크 테마를 보여주는 테마 선택기 — 각각 고유한 구문 팔레트를 가진 16가지 테마 — 또는 시스템의 라이트/다크 설정을 따릅니다.

미리보기 안에 렌더링된 KaTeX 수식과 Mermaid 순서도 — KaTeX 수식과 Mermaid 순서도가 문서 안에 바로 렌더링됩니다.

사용 방법

1
Markdown을 붙여넣거나 .md 파일을 열고 미리보기를 확인하세요.
2
테마와 타이포그래피를 고르세요 — 내보내기는 미리보기에 보이는 그대로를 사용합니다.
3
내보내기 → HTML로 복사로 조각을, .html 다운로드로 완전한 페이지를 얻으세요.

제공 기능

깔끔한 의미론적 마크업

복사한 조각에 인라인 스타일 없음. 제목에 id, 코드에 언어 클래스.

독립 페이지 내보내기

테마 CSS, 강조된 코드, 다이어그램, 수식이 포함된 하나의 HTML 파일.

GFM + 확장

표, 작업 목록, 알림, 각주, details, 프런트 매터, Mermaid, KaTeX.

정제됨

인라인 HTML은 렌더링이나 내보내기 전에 DOMPurify로 정리됩니다.

브라우저 측 처리

변환은 로컬에서 실행되며 문서는 절대 업로드되지 않습니다.

연속 작업에 편리

다음 파일을 끌어다 놓고 다시 내보내세요 — 페이지 새로고침 없음.

자주 묻는 질문

HTML에 CSS가 포함되나요?

HTML로 복사는 스타일 없는 의미론적 마크업을 줍니다. .html 다운로드는 현재 테마의 CSS를 내장하므로 파일이 어디서든 같은 모양입니다.

여러 Markdown 파일을 변환할 수 있나요?

한 번에 한 문서씩: 파일을 열고, 내보내고, 다음을 엽니다. 브라우저 메모리 외에는 크기 제한이 없으며 5 MB까지의 파일은 바로 열립니다.

출력의 코드 블록이 강조되나요?

네. 코드는 highlight.js로 강조되며 독립 페이지에는 선택한 테마의 색상 규칙이 담깁니다.

Mermaid 다이어그램과 수식은 어떻게 되나요?

렌더링된 SVG(Mermaid)와 KaTeX HTML로 내보내지므로 페이지가 스크립트를 로드하지 않고도 표시합니다.

출력이 유효한 HTML5인가요?

네 — viewport 메타 태그, 파일 이름에서 가져온 제목, 내용을 담은 <article class="markdown-body">가 있는 UTF-8 HTML5 문서입니다.

준비되셨나요?

Markdown을 붙여넣거나, 파일을 끌어다 놓거나, URL을 여세요 — 미리보기가 즉시 나타나고 모든 것은 내 기기에 남습니다.

Markdown 뷰어 열기