bm.md — Markdown 排版アシスタント

Web

概要

bm.md は「より良い Markdown 排版」を目指すフロントエンド中心のツール群/アプリケーションです。CodeMirror 6 ベースの Markdown エディタでリアルタイムプレビューを提供し、用意された複数の排版テンプレートとコードハイライトテーマで出力を一括変更できます。出力はウェブ用 HTML/CSS、微信公众号向けの形式、さらには画像としてエクスポートすることも可能で、コンテンツを複数プラットフォームへ簡単に適応させたい場面に向きます。開発者向けに REST API や MCP プロトコルを通した統合ポイントを持ち、pnpm を使った開発フローが README に示されています(約300字)。

GitHub

リポジトリの統計情報

  • スター数: 42
  • フォーク数: 4
  • ウォッチャー数: 42
  • コミット数: 9
  • ファイル数: 27
  • メインの言語: TypeScript

主な特徴

  • CodeMirror 6 を用いたリアルタイム Markdown エディタ(所見即所得)
  • 12 種類の排版スタイルと 10 種類のコードハイライトテーマ
  • 一括で微信公众号やウェブ向けにフォーマット変換、画像エクスポート機能
  • REST API と MCP プロトコルで外部サービス/自動化と連携可能

技術的なポイント

bm.md は主にフロントエンドに重点を置いた TypeScript プロジェクトで、実装の核は CodeMirror 6 ベースのエディタコンポーネントです。CodeMirror を用いることで拡張性の高いエディタ体験(プラグイン、キーバインド、コマンドパレット)が実現されており、ユーザー操作のカスタマイズやショートカット設計がしやすくなっています。排版スタイルはテンプレート化された CSS / レイアウトスキームとして用意され、Markdown→HTML の変換パイプライン上でスタイルを差し替えることで、同じコンテンツを異なるメディア規格(例:微信公号の制約ある HTML、一般的なウェブ、画像レイアウト)に適合させます。画像エクスポートは DOM をキャンバスへラスタライズする手法(html-to-canvas 系のアプローチ)やサーバーサイドでのレンダリング API を想定しており、品質と解像度の調整が可能です。さらに REST API と MCP(プロジェクト内で定義された軽量プロトコル)による連携ポイントを用意することで、外部サービスからの自動変換やバッチ処理、CMS との統合が容易になります。開発ワークフローは pnpm を用いたモダンなパッケージ管理で、ローカル開発サーバー起動コマンドが README に示されており、TypeScript による型安全性とメンテナンス性も確保されています。拡張性の観点では、エディタプラグインや追加テンプレートの導入で運用ルールに合わせたカスタム排版が可能であり、コンテンツ制作者とエンジニア双方にとって実用的な設計が実現されています。(約700字)

プロジェクトの構成

主要なファイルとディレクトリ:

  • .cta.json: file
  • .dockerignore: file
  • .env.example: file
  • .github: dir
  • .gitignore: file

…他 22 ファイル

まとめ

軽量で拡張性の高い Markdown 排版ツール。複数プラットフォームへの出力を簡潔に管理できる点が強みです(約50字)。

リポジトリ情報:

READMEの抜粋:

bm.md

更好用的 Markdown 排版助手|一键适配微信公众号、知乎专栏掘金、网页与图片。


✨ 特性

  • 📝 实时预览 - 基于 CodeMirror 6 的 Markdown 编辑器,所见即所得
  • 🎨 12 种排版样式 - 从专业商务到复古怀旧,满足不同场景需求
  • 🌈 10 种代码主题 - 支持浅色/深色多种代码高亮风格
  • 📱 多平台适配 - 一键复制到微信公众号、知乎掘金
  • 🖼️ 图片导出 - 将排版内容导出为图片分享
  • 🔌 开发者友好 - 提供 REST API 和 MCP 协议集成
  • ⌨️ 快捷操作 - 命令面板 + 全局快捷键,高效操作

🚀 快速开始

# 克隆项目
git clone https://github.com/ccbikai/bm.md.git
cd bm.md

# 安装依赖
pnpm install

# 启动开发服务器
pnpm dev

访问 http://localhost