M2N - Chuyển đổi blog Hugo/Markdown sang Naver Blog một cách dễ dàng

Bối cảnh

Trong khi vận hành blog kỹ thuật bằng Hugo, tôi cũng muốn chia sẻ nội dung lên Naver Blog.
Tôi đã thử các công cụ chuyển đổi Markdown sang HTML hiện có, nhưng chúng không hoạt động đúng trong môi trường trình soạn thảo đặc thù của Naver Blog.

Khối mã bị vỡ hoặc
bố cục hình ảnh bị hỏng hoặc
các kiểu dáng không cần thiết bị chèn vào

Cuối cùng, tôi cần một công cụ chuyển đổi được tối ưu hóa cho Naver Blog, và đã tự làm ra nó.

Tính năng chính

Tối ưu cho Naver Blog: tạo HTML có thể dùng ngay chỉ bằng cách dán vào trình soạn thảo Naver
Hỗ trợ Markdown Hugo/Jekyll: tự động loại bỏ Front Matter, chuyển đổi chính xác khối mã
Tô sáng cú pháp mã: render khối mã gọn gàng dựa trên highlight.js
Chuyển đổi nhanh: xử lý tức thì ở phía client
UI đơn giản: dán văn bản → chuyển đổi → sao chép mà không cần thiết lập phức tạp

Công nghệ sử dụng

Frontend

React 18.3.1 + TypeScript 5.6.2
Vite 6.0.5

Styling

Tailwind CSS 3.4.17
PostCSS + Autoprefixer

Xử lý Markdown

marked 16.3.0 (phân tích cú pháp)
DOMPurify 3.2.7 (làm sạch HTML)
highlight.js 11.11.1 (tô sáng cú pháp mã)

Triển khai

Cloudflare Pages

Trang web: https://m2n.coderred.com
Hy vọng công cụ này sẽ hữu ích cho những ai đang gặp cùng vấn đề.
Liên hệ: https://coderred.com hoặc Telegram @coderredlab