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

> Clean Markdown view of GeekNews topic #23393. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=23393](https://news.hada.io/topic?id=23393)
- GeekNews Markdown: [https://news.hada.io/topic/23393.md](https://news.hada.io/topic/23393.md)
- Type: show
- Author: [coderred](https://news.hada.io/@coderred)
- Published: 2025-10-02T08:28:50+09:00
- Updated: 2025-10-02T08:28:50+09:00
- Original source: [m2n.coderred.com](https://m2n.coderred.com/)
- Points: 5
- Comments: 0

## Summary

**Markdown 기반 블로그** 콘텐츠를 **네이버 블로그**에 최적화된 HTML로 간편하게 변환할 수 있는 도구가 출시되었습니다. 네이버의 **특수한 에디터 환경**에서도 코드 블록, 이미지 레이아웃, 스타일 등이 깨지지 않도록 지원하며, **highlight.js**를 활용한 코드 구문 강조와 **즉시 변환** 기능, 간단한 UI를 제공합니다. **Hugo/Jekyll** 기반 블로그 운영자나 기술 블로그 이중 발행에 관심 있는 개발자들에게 실질적인 도움을 줄 수 있는 솔루션입니다.

## Topic Body

배경  
  
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

## Comments



_No public comments on this page._