마크다운 편집기 - 실시간 미리보기, HTML 내보내기 및 마크다운

Markdown을 실시간 HTML 미리보기와 나란히 작성하세요. 제목, 목록, 표, 코드 펜스, 인용구, 링크 및 이미지를 지원합니다. HTML을 복사하거나 두 형식 중 하나를 다운로드하세요.

할인

미리 보기

Hello, Pixoate

A markdown editor — type to see live HTML on the right.

  • Headings, bold, _italic_, inline code
  • Links, lists, blockquotes, code fences
Quoted text looks like this.
function greet(name) { return `Hello, ${name}!` }

마크다운 소개

마크다운은 평문으로 읽기 쉽고 HTML로 변환할 수 있도록 설계된 가벼운 마크업 언어입니다. 이 편집기는 CommonMark 스타일의 제목, 강조, 목록, 링크, 이미지, 블록 인용구, 펜싱된 코드 블록, GitHub 스타일의 파이프 테이블을 지원합니다. 렌더링은 로컬에서 이루어지며, 문서는 절대 브라우저를 벗어나지 않습니다.

이미지 계속 향상

이 인기 있는 도구로 사진 편집을 한 단계 더 발전시키세요

📝

이미지에 텍스트 추가

향상된 사진에 캡션과 제목 추가

🖼️

사진 테두리 추가

아름다운 테두리로 효과를 구도하십시오.

🗜️

이미지 압축

공유를 위해 향상된 이미지 최적화

📐

이미지 크기 조정

이미지 크기 변경

모든 사진 도구 살펴보기

Frequently Asked Questions

이 편집기는 CommonMark 제목, 강조, 목록, 링크, 이미지, 인용구, 펜싱된 코드 블록, GitHub 스타일의 파이프 테이블을 지원합니다. README, 블로그 게시물, 이슈, 풀 리퀘스트 설명, 기술 문서 등 필요한 모든 내용을 포함합니다.

features

네. 렌더링된 HTML을 클립보드에 바로 복사하거나, 어떤 브라우저에서도 사용할 수 있는 .html 파일을 다운로드하거나, 원본 .md 파일을 버전 관리를 위해 저장하세요. 렌더링할 때마다 두 포맷 모두 동일한 콘텐츠가 제공됩니다.

features

네. 라이브 미리보기는 GitHub 스타일의 테이블을 적절한 정렬로 렌더링하고, 단공간 타이포그래피와 URL이나 상대 경로를 통해 이미지가 표시된 펜싱된 코드 블록을 렌더링합니다 — Markdown이 공개될 때 바로 그 모습을 보게 될 것입니다.

features

아니. 파싱과 렌더링은 컴퓨터에서 로컬에서 이루어지므로, 내부 문서, 초안 블로그 게시물, 개인 노트는 절대 탭에서 벗어나지 않습니다. 페이지를 닫으면 아무것도 남지 않습니다.

privacy

GitHub는 CommonMark 위에 작업 목록, 각주, 이슈 번호 자동 링크 같은 확장 기능을 추가합니다. 편집기는 널리 지원되는 하위 집합에 집중하기 때문에, 여기서 렌더링되는 모든 것은 GitHub, GitLab, Reddit 및 대부분의 정적 사이트 생성기에도 동일하게 렌더링됩니다.

compatibility

네. 입력 영역에 .md 또는 .markdown 파일을 넣으면 내용을 편집기에 불러와 추가 편집을 진행하며, 완료 후 HTML이나 Markdown으로 다시 내보낼 수 있습니다.

usage

Use Cases

GitHub 프로젝트용 README 파일 작성

README.md, CONTRIBUTING.md, CHANGELOG.md 파일을 라이브 미리보기로 작성해 GitHub, GitLab, npm이 커밋 전에 표시하는 대로 렌더링하세요

technical

지킬, 휴고 & 고스트 블로그 글 초안

브라우저를 떠나거나 데스크톱 편집기를 설치하지 않고도 Markdown으로 블로그 글을 작성해 Jekyll, Hugo, Eleveny, Ghost에 바로 넣을 수 있습니다

creative

회의 기록 및 내부 문서

제목, 글머리표 목록, 코드 블록이 포함된 구조화된 회의 노트를 작성한 후, 렌더링된 HTML을 Confluence, Notion, Coda에 바로 붙여넣으세요

business

Compose Issue 및 풀 리퀘스트 설명

마크업이 어떻게 렌더링될지 추측하는 대신 실제 미리보기 창에서 긴 GitHub 이슈 설명, 풀 리퀘스트 템플릿, Jira 티켓을 작성하세요

technical

저자 기술 문서

내부 런북, API 참고문헌, SDK 가이드를 코드 펜스, 표, 링크로 작성한 후 HTML로 내보내 정적 사이트 생성기나 지식 베이스를 활용하세요

technical

노트를 출판용 깨끗한 HTML로 변환하기

대략적인 노트를 붙여넣고 Markdown으로 포맷한 뒤, 렌더링된 HTML을 수동으로 스타일링하지 않고 CMS, 이메일 클라이언트, 링크드 기사에 직접 복사하세요

web