md-to-naver-blog: MarkdownをNAVERブログ互換HTMLに変換するライブラリ
(github.com/jjlabsio)NAVERブログのエディタはMarkdownをサポートしていません。
私はサービスブログに掲載した記事をNAVERブログにもクロスポストしていますが、AIの助けを借りて記事を修正するようになってから、原本をMarkdownで管理しています。
問題は、これをNAVERブログへ移す作業が単純ではないことです。
単にHTMLに変換するだけでは不十分で、画像やリンクのURLドメイン変更や、MDXカスタムコンポーネントをNAVERエディタ向けに変換する作業が毎回必要になります。
これが繰り返されるほどあまりに面倒だったので、自分でライブラリを作りました。
主な機能:
- Markdown → NAVERブログエディタにそのまま貼り付け可能なHTMLへ変換
- 見出し、太字/イタリック、コードブロック(シンタックスハイライト)、テーブル、リスト、引用、画像などをサポート
- YAML frontmatterのtagsをハッシュタグへ自動変換
- URL変換オプション(ドメイン置換など)
- MDXカスタムコンポーネント変換オプション
- Node.js + ブラウザの両方で動作
実際の私のワークフロー:
- サービスブログに記事を書く(Markdown)
- スクリプトでURL置換やコンポーネント変換などを処理し、CLIでプレビューWebアプリを実行
- Webアプリでタイトル/本文/タグをそれぞれコピーしてNAVERブログに貼り付け
変換プロセスをスクリプトにまとめておくと、CLI一行でプレビューまで完了し、あとはそこでコピーするだけです。
Webアプリ(mtnb.dev)でもMarkdownを貼り付ければすぐに変換・コピーでき、Playwrightのようなブラウザ自動化ツールと一緒に使えるクリップボードユーティリティも含まれているので、さらに自動化したい人はスクリプトとして構成することもできます。
3件のコメント
ブログ記事の執筆まで自動化してみてください……私のプロジェクトです。
https://github.com/greekr4/viruagent-cli
共有ありがとうございます! コードを見ると、
contentを HTML として直接渡す方式を使っていらっしゃるのですね。私が md-to-naver-blog を作った理由も、ブログ執筆にかかる工数を減らしたいと思ったからでした。
追記してくださった自動化プロジェクトについても、差し出がましくない範囲で意見を残してみます。
実は私も、以前に似たようなアイデアを考えたことがあります。
マーケティングを苦手とする開発者として、
ブログ自動化は開発者が最も魅力を感じる領域の一つではないかと思います。
ただ、私は Naver や Tistory が方針として自動化された記事執筆を制限している状況では、
それを技術的に回避する方法には慎重なアプローチが必要ではないかと考えています。
私が目指している方向性は、「プラットフォームのガイドラインを順守しながら、コンテンツ作成を効率化すること」に近いです。
自動化の利便性も良いものですが、プラットフォームの方針を尊重しつつ、
その中で最適なツールを作ることが、私の目指す開発原則でもあります。
そういうこともあって、共有してくださったプロジェクトは素晴らしい試みではあるものの、
私が目指している方向性とは少し違いがあるように感じます。
良いプロジェクトを共有してくださり、改めてありがとうございます。 お互いに異なるアプローチを確認できて、とても意義のある機会でした。
ありがとうございます! 実のところ、あのプロジェクトは個人ブランディングやマーケティングには向いておらず、記録用・バイラル向けのプロジェクトで、方向性が異なる点を見落としていましたね! 改めて振り返るきっかけになりました。