게시할 콘텐츠 조각 또는 공유할 파일 선택
Markdown으로 작성하더라도 웹사이트나 콘텐츠 시스템에서 HTML이 필요할 수 있습니다. .md 파일을 열거나 내용을 붙여넣고 결과를 확인한 뒤 콘텐츠 조각 또는 전체 HTML 문서를 선택하세요.
HTML 복사는 콘텐츠 조각만 반환합니다. HTML 다운로드는 콘텐츠를 스타일과 수학 글꼴이 포함된 문서로 만듭니다. 두 결과물은 다릅니다. 조각을 사용하려면 게시 대상의 CSS가 필요하고 다운로드한 파일에는 문서 스타일이 포함됩니다.
생성된 HTML에 포함되는 내용
읽기 쉬운 구조
제목, 목록, 인용 블록, 표, 링크가 HTML 요소로 바뀝니다. 미리 보기에서 HTML로 전환해 생성된 조각을 확인하세요.
유용한 두 가지 출력 형식
CMS용으로 조각을 복사하거나 검토와 공유를 위해 전체 HTML 문서를 다운로드하세요. 게시 대상이 콘텐츠만 필요로 한다면 페이지 전체를 감싸는 코드를 삭제할 필요가 없습니다.
기술 문서 예제도 지원
일반적인 코드 언어는 구문 강조 표시를 사용할 수 있습니다. 지원되는 수식과 Mermaid 다이어그램은 내보내기 전에 렌더링됩니다. 내보내기 오류는 내용을 조용히 바꾸지 않고 알림으로 표시됩니다.
독립 문서의 스타일 설정
HTML을 다운로드하기 전에 글꼴과 색상을 설정하세요. 렌더링된 다이어그램은 SVG로 포함되고 수학 글꼴은 다운로드 파일에 추가됩니다.
실제로 필요한 문서로 시작하세요
문서의 한 섹션
기존 문서 레이아웃에 넣을 짧은 글을 변환하세요.
## 설치 패키지를 설치하고 **결과를 확인**하세요. ```bash npm ci ``` > 원본 Markdown을 보관하세요.
- 호스트 페이지에 맞는 제목 단계
- 읽기 쉬운 명령
- 맥락이 분명한 인용
블로그의 비교 표
표 정보를 스크린샷 대신 실제 HTML 셀로 유지하세요.
## 전달 형식 | 형식 | 권장 작업 | | --- | --- | | Markdown | 편집 계속 | | HTML | 웹 게시 | | PDF | 읽기용으로 공유 |
- 머리글 셀이 있습니다.
- 좁은 화면에서도 텍스트가 들어갑니다.
- 링크를 확인했습니다.
실용적인 작업 흐름
Markdown을 붙여넣거나 파일 열기
문서나 README의 원본을 사용하세요. 소수의 지원되는 서식 태그 외의 원시 HTML은 텍스트로 표시됩니다.
두 가지 보기 확인
문서를 확인한 뒤 HTML로 전환해 제목, 링크, 표 구조를 살펴보세요. 대상에서 필요한 요소를 허용하는지도 확인해야 합니다.
조각 또는 문서 선택
마크업을 지원하는 게시 편집기에는 HTML을 복사하세요. 스타일이 포함된 파일이 필요하면 HTML을 다운로드하세요. 게시하기 전에 실제 대상에서 결과를 테스트하세요.
공유하기 전에 결과 확인
| 내용 | 할 일 | 기대 결과 |
|---|---|---|
| HTML 조각 | 게시 대상에서 허용하는 마크업과 CSS를 확인하세요. | 미리 보기에서 보이더라도 CMS가 스타일, SVG, 수식을 정리할 수 있습니다. |
| 독립 HTML | 다운로드한 파일을 따로 여세요. | 문서 스타일과 수학 글꼴이 포함됩니다. 외부 이미지 사용을 켠 경우에는 해당 호스트에 따라 표시됩니다. |
| 링크와 스크립트 | 링크 대상이 올바른지 검토하고 변환 결과를 스크립트 전달에 사용하지 마세요. | 변환기는 활성 콘텐츠를 제거하고 지원되지 않는 원시 HTML을 텍스트로 처리합니다. |
작업 흐름 관련 질문
웹사이트에 사용할 Markdown을 HTML로 변환하려면 어떻게 하나요?
.md 파일을 열거나 원본을 붙여넣고 미리 보기를 확인한 다음 콘텐츠 마크업에는 HTML 복사를 사용하세요. 스타일이 포함된 전체 문서가 필요하면 HTML 다운로드를 사용하세요. 게시하기 전에 웹사이트의 HTML 처리 방식을 확인하세요.
HTML 복사와 HTML 다운로드의 차이는 무엇인가요?
HTML 복사는 콘텐츠 조각을 제공합니다. HTML 다운로드는 제목, 문서 스타일, 렌더링된 콘텐츠가 포함된 전체 문서를 만듭니다.
Markdown 표를 HTML 표로 변환할 수 있나요?
네. 파이프 표는 HTML 표 요소로 바뀝니다. 셀 병합이 복잡한 표는 기본 Markdown 표 문법의 범위를 벗어나므로 직접 수정해야 할 수 있습니다.
HTML에 수식과 Mermaid가 포함되나요?
지원되는 수식은 KaTeX로 렌더링되고 Mermaid 다이어그램은 SVG로 포함됩니다. 다운로드한 문서에는 수학 글꼴이 들어갑니다. 복사한 조각은 게시 대상의 스타일이 추가로 필요할 수 있습니다.
어떤 CMS에나 출력을 붙여넣을 수 있나요?
먼저 CMS의 규칙을 확인하세요. HTML 원본을 받는 편집기도 있고 붙여넣은 태그를 텍스트로 보이거나 SVG와 수식을 제거하는 편집기도 있습니다. 실제 게시 과정에서 작은 예제로 시험해 보세요.
다운로드한 HTML은 완전히 오프라인에서 사용할 수 있나요?
문서 스타일, 렌더링된 다이어그램, 수학 글꼴이 포함됩니다. 이미지를 문서에 포함하지 않으면 외부 이미지와 링크는 원래 주소를 참조합니다.
이 변환을 위해 Markdown을 업로드하나요?
Markdown→HTML 변환과 HTML 다운로드는 브라우저에서 처리됩니다. 별도로 PDF 다운로드를 실행하는 경우에만 렌더링된 문서를 이 사이트로 보냅니다.
문서 처리 방식
- Markdown 구문 분석과 HTML 생성은 로컬에서 실행됩니다.
- 복사한 HTML은 조각이고 다운로드한 HTML은 스타일 문서입니다.
- 활성 콘텐츠를 제거하지만 링크를 검토하고 CMS 규칙을 확인하세요.
형식 참고 자료HTML 요소 참고 자료CommonMark 사양
재현 가능한 문제 신고브라우저, 선택한 설정, 기밀 정보가 없는 작은 예제를 알려주세요. 개인 문서를 이메일로 보내지 마세요.
