온라인에서 Markdown를 HTML로 변환하는 방법

1. Markdown: 입력 또는 붙여넣기 .md 콘텐츠를 왼쪽의 Markdown 입력 편집기에 입력하거나 붙여넣거나 Load Sample Markdown를 클릭하여 변환된 제목, GFM 파이프 테이블, 작업 목록, 인용문 및 울타리 코드 블록을 확인하세요. 즉시.
2. 변환 사전 설정 또는 옵션 선택: 빠른 사전 설정 막대 사용(예: GitHub README (GFM), Blog / CMS Clean HTML 또는 Full HTML5 Page) 또는 오른쪽 설정 패널에서 개별 확인란을 미세 조정하세요.
3. Preview 코드 및 렌더링 모두 HTML: HTML Code(원시 들여쓰기된 마크업 검사)와 Live Preview(표, 타이포그래피 및 강조 표시된 코드 블록이 브라우저에서 어떻게 보이는지 확인) 사이를 전환합니다.
4. .html: 복사 또는 다운로드 clipboard로 복사를 클릭하여 생성된 HTML를 CMS 또는 IDE에 붙여넣거나 다운로드 .html를 클릭하여 즉시 사용할 수 있는 파일을 저장합니다.

Markdown에서 HTML로 변환 참조 치트 시트

당사의 변환기는 표준 CommonMark 구문과 GitHub 맛 Markdown(GFM) 확장을 지원합니다.

요소	Markdown 구문(.md)	생성된 HTML 출력
제목(H1–H6)	# 제목 / ## 섹션	제목 / 섹션
굵은체 및 기울임체	**굵게**, *기울임꼴*, ***둘 다***	굵게, 기울임꼴, 둘 다
취소선(GFM)	~~더 이상 사용되지 않음~~	지원 중단됨
링크 및 이미지	[문서](https://example.com) 	문서
작업 목록(GFM)	- [x] 완료된 작업 - [ ] 보류 중인 작업	완료된 작업
펜싱된 코드 블록	```js const x = 1; ``	...
파이프 테이블(GFM)	| 이름 | 점수 | | :--- | ---: |	... 이름

Markdown를 HTML로 변환하는 일반적인 사용 사례

• CMS 및 블로그 게시: 초안 게시물은 Obsidian, Notion, iA Writer 또는 VS Code에서 깔끔하게 작성된 다음 의미 있는 HTML 조각으로 변환하여 WordPress, Ghost, Webflow, Shopify 또는 사용자 정의 CMS 편집기에 붙여넣을 수 있습니다.
• GitHub README 및 기술 문서: GFM 파이프 테이블, 작업 체크리스트 및 자동 제목 앵커 ID(#section-name)를 포함하여 README.md 파일, 변경 로그 및 API 문서가 렌더링되는 방법을 미리 봅니다.
• HTML 이메일 및 뉴스레터 제작: 주의가 산만하지 않은 Markdown로 뉴스레터 사본을 작성하고 깔끔하고 수업이 없는 HTML 단락, 목록 및 링크를 내보냅니다.
• 독립형 웹 페이지: 전체 HTML5 문서에서 Wrap을 활성화하면 모든 Markdown 메모를 반응형 CSS 및 다크 코드 블록이 내장된 완전한 독립형 .html 파일로 변환할 수 있습니다.

변환 옵션 설명

• Sanitize HTML 출력: 위험한 태그(
• GitHub 맛 Markdown (GFM): 파이프 테이블(열 정렬 콜론 :---, :---:, ---: 포함)로 표준 Markdown를 확장합니다. 대화형 스타일 작업 목록 확인란, ~~취소선~~ 및 자동 URL 연결.
• Generate Heading id Slugs:
  부터
  태그에 URL 친화적인 slug ID를 자동으로 생성합니다(중복 제목 처리 -1, -2 접미사) 목차 앵커 링크가 즉시 작동합니다.
• 스마트 구두점(SmartyPants): ASCII 따옴표("..." 및 '...'), 이중/삼중 하이픈(-- / ---)을 변환합니다. 코드 블록을 건드리지 않고 세 개의 점(...)을 활자체 둥근 따옴표, en-대시(-), em-대시(-) 및 줄임표(...)로 변환합니다.