Show GN: M2N - Hugo/Markdown 블로그를 네이버 블로그로 쉽게 변환

배경

Hugo로 기술 블로그를 운영하던 중 네이버 블로그에도 콘텐츠를 공유하고 싶었습니다.
기존 Markdown to HTML 변환 도구들을 시도해봤지만, 네이버 블로그의 특수한 에디터 환경에서 제대로 작동하지 않았습니다.

코드 블록이 깨지거나
이미지 레이아웃이 무너지거나
불필요한 스타일이 삽입되거나

결국 네이버 블로그에 최적화된 변환 도구가 필요했고, 직접 만들었습니다.

주요 기능

네이버 블로그 최적화: 네이버 에디터에 붙여넣기만 하면 즉시 사용 가능한 HTML 생성
Hugo/Jekyll Markdown 지원: Front Matter 자동 제거, 코드 블록 정확한 변환
코드 구문 강조: highlight.js 기반의 깔끔한 코드 블록 렌더링
빠른 변환: 클라이언트 사이드에서 즉시 처리
간단한 UI: 복잡한 설정 없이 텍스트 붙여넣기 → 변환 → 복사

기술 스택

프론트엔드

React 18.3.1 + TypeScript 5.6.2
Vite 6.0.5

스타일링

Tailwind CSS 3.4.17
PostCSS + Autoprefixer

마크다운 처리

marked 16.3.0 (파싱)
DOMPurify 3.2.7 (HTML 정제)
highlight.js 11.11.1 (코드 구문 강조)

배포

Cloudflare Pages

사이트: https://m2n.coderred.com
같은 문제를 겪고 계신 분들께 도움이 되길 바랍니다.
문의: https://coderred.com 또는 Telegram @coderredlab