Content
Plugin
bmmd
更好用的 Markdown 排版助手｜微信公众号专门适配，支持输出到网页与图片。
Plugin Signal60/100Solid
maintained87
capable37
documented50
adopted59
Install
$ npx -y skills add miantiao-me/bm.md --agent claude-code
Run the curl in your terminal, the rest in Claude Code.
Stats
602
Stars
74
Forks
Active
Maintenance
TypeScript
Language
AGPL-3.0
License
24d ago
Last commit
7mo ago
Created
Repo: miantiao-me/bm.md
What's inside
README
1bm.md
更好用的 Markdown 排版助手｜微信公众号专门适配，支持输出到网页与图片。
✨ 特性
- 📝 实时预览 - 基于 CodeMirror 6 的 Markdown 编辑器，所见即所得
- 🎨 15 种排版样式 - 从专业商务到复古怀旧，满足不同场景需求
- 🌈 14 种代码主题 - 支持浅色/深色多种代码高亮风格
- 📱 平台适配 - 微信公众号专门适配，同时支持通用 HTML 输出
- 📊 图表与信息图 - 支持 Mermaid 与 AntV Infographic
- 🖼️ 图片导出 - 下载 JPEG 或复制 PNG 图片
- 📄 PDF 与打印 - 支持高质量分页 PDF 导出和直接打印
- 🌓 明暗模式 - 支持浅色、深色界面切换
- 🔌 开发者友好 - 提供 CLI、REST API 和 MCP 协议集成
- ⌨️ 快捷操作 - 命令面板 + 全局快捷键，高效操作
🚀 快速开始
# 克隆项目
git clone https://github.com/miantiao-me/bm.md.git
cd bm.md
# 安装依赖
pnpm install
# 启动开发服务器
pnpm dev
访问 http://localhost:2663 开始使用。
CLI 使用
bmmd 可在命令行中复用核心 Markdown 处理能力，支持文件输入或 stdin，默认输出到 stdout。安装后直接使用 bmmd；未安装时可通过 pnpm dlx bmmd 临时运行。
# 全局安装后运行
pnpm add -g bmmd
bmmd render article.md --platform wechat --output article.html
# 临时运行，无需安装
pnpm dlx bmmd render article.md --platform wechat --output article.html
# 管道输入
cat article.md | bmmd extract
# 修复 Markdown 并写回源文件
bmmd lint article.md --fix
本地开发可执行 pnpm build:cli 构建 CLI，入口文件为 bin/bmmd.mjs。
🛠️ 技术栈
- 框架: TanStack Start (React 19 + TanStack Router)
- 构建: Vite 8
- 样式: Tailwind CSS 4 + shadcn/ui
- 部署: Nitro (支持 Cloudflare Workers / Vercel / Netlify / Docker / Alibaba ESA / Tencent EdgeOne 等)
阿里云部署配置：
安装命令: pnpm install
构建命令: pnpm run build
根目录: /
静态资源目录: dist/client
函数文件路径: dist/server/server.js
腾讯云 EdgeOne 部署配置：
框架预设: Other
根目录: ./
输出目录: .edgeone
编译命令: pnpm run build
安装命令: pnpm install
EdgeOne 构建环境由 std-env 自动识别，Nitro 会自动选择官方 preset。
其他环境部署配置参考 Nitro 文档。
📖 文档
🙏 致谢
- Kami — 「Kami」排版风格的灵感来源。
🤝 贡献
欢迎提交 Issue 和 Pull Request。
📄 许可证
File tree
357miantiao-me/bm.mdView on GitHub
.cta.json
.dockerignore
.env.example
.github/
FUNDING.yml
workflows/
ci.yml
docker.yml
react-doctor.yml
.gitignore
.mcp.json
.node-version
.npmrc
.vscode/
settings.json
AGENTS.md
CLAUDE.md
CODE_OF_CONDUCT.md
components.json
DESIGN.md
Dockerfile
docs/
architecture.md
design.md
features.md
ui-skill.md
doctor.config.jsonc
eslint.config.mjs
LICENSE
package.json
pnpm-lock.yaml
pnpm-workspace.yaml
preset/
aliyun-esa/
entry.ts
env.ts
nitro.config.ts
public/
android-chrome-192x192.png
android-chrome-512x512.png
android-chrome-maskable-512x512.png
api/
openapi.json
apple-touch-icon-precomposed.png
apple-touch-icon.png
banner.png
blur-mask.svg
favicon.ico
logo.png
robots.txt
README.md
scripts/
generate-openapi.ts
vite/
css-raw-minify-plugin.ts
index.ts
markdown-plugin.ts
platform.test.ts
platform.ts
skills/
skills-lock.json
bm-md/
SKILL.md
src/
cli/
core.ts
index.test.ts
index.ts
components/
command-palette/
index.tsx
main-menu.tsx
shared.tsx
submenus.tsx
use-command-palette-actions.ts
use-hotkeys.ts
copy-button.tsx
dialog/
page.tsx
reset-content-dialog.tsx
file-tabs/
a11y.ts
file-tab.tsx
index.tsx
keyboard.test.ts
keyboard.ts
new-file-button.tsx
logo/
index.tsx
markdown/
editor/
action-bar/
command-button.tsx
export-button.tsx
format-button.tsx
import-button.tsx
index.tsx
settings-menu.tsx
editor-extensions.ts
editor.tsx
file-import.ts
index.tsx
footer-bar/
index.tsx
hooks/
use-scroll-sync.ts
loading-fallback.tsx
previewer/
action-bar/
code-theme-menu.tsx
copy-button.tsx
custom-css-dialog.tsx
export-button.tsx
index.tsx
infographic-settings-menu.tsx
markdown-style-menu.tsx
mermaid-theme-menu.tsx
preview-action-guard.test.ts
preview-action-guard.ts
radio-menu.tsx
use-platform-copy.test.ts
use-platform-copy.ts
darkmode.ts
frame-lifecycle.test.ts
frame-lifecycle.ts
iframe-shell.html
iframe-sync.test.ts
iframe-sync.ts
index.test.ts
index.tsx
preview-ready.test.ts
preview-ready.ts
render.tsx
restore-scroll-state.test.ts
restore-scroll-state.ts
sidebar.tsx
mockups/
iphone.tsx
safari.tsx
not-found/
index.tsx
theme-color-meta.tsx
ui/
accordion.tsx
alert-dialog.tsx
alert.tsx
aspect-ratio.tsx
attachment.tsx
avatar.tsx
badge.tsx
breadcrumb.tsx
bubble.tsx
button-group.tsx
button.tsx
calendar.tsx
card.tsx
carousel.tsx
chart.tsx
checkbox.tsx
collapsible.tsx
combobox.tsx
command.tsx
context-menu.tsx
dialog.tsx
direction.tsx
drawer.tsx
dropdown-menu.tsx
empty.tsx
field.tsx
hover-card.tsx
input-group.tsx
input-otp.tsx
input.tsx
item.tsx
kbd.tsx
label.tsx
marker.tsx
menubar.tsx
message-scroller.tsx
message.tsx
native-select.tsx
navigation-menu.tsx
pagination.tsx
popover.tsx
progress.tsx
radio-group.tsx
resizable.tsx
scroll-area.tsx
select.tsx
separator.tsx
sheet.tsx
sidebar.tsx
skeleton.tsx
slider.tsx
sonner.tsx
spinner.tsx
sun.tsx
switch.tsx
table.tsx
tabs.tsx
textarea.tsx
toggle-group.tsx
toggle.tsx
tooltip.tsx
config/
app.ts
commands.ts
index.ts
scalar.ts
env/
index.ts
hooks/
use-files-sync.test.ts
use-files-sync.ts
use-mobile.ts
icons/
github.tsx
mcp.tsx
skill.tsx
twitter.tsx
wechat.tsx
lib/
actions/
copy-platform.ts
export-image.test.ts
export-image.ts
export-markdown.ts
export-pdf.test.ts
export-pdf.ts
format.test.ts
format.ts
import-file.ts
index.ts
preview.ts
raster.test.ts
raster.ts
toggle-theme.test.ts
toggle-theme.ts
analytics.ts
client-integrations.ts
clipboard.ts
file-handler.test.ts
file-handler.ts
file-importer.test.ts
file-importer.ts
file-storage.test.ts
file-storage.ts
files-sync.test.ts
files-sync.ts
icon-map.tsx
locale.ts
log-safe-error.ts
markdown/
markdown-file.test.ts
markdown-file.ts
api.ts
browser.test.ts
browser.ts
client-render.ts
constants.ts
definitions.test.ts
definitions.ts
extract/
definition.ts
text.test.ts
text.ts
hast.ts
lint/
definition.ts
markdown.test.ts
markdown.ts
mcp.test.ts
mcp.ts
parse/
definition.ts
html.test.ts
html.ts
prepare-worker.ts
registry.test.ts
render/
adapters/
index.ts
types.ts
wechat.ts
definition.ts
html.test.ts
html.ts
plugins/
footnote-hast.ts
rehype-div-to-section.test.ts
rehype-div-to-section.ts
rehype-figure-wrapper.ts
rehype-footnote-links.ts
rehype-infographic.test.ts
rehype-infographic.ts
rehype-katex-metadata.ts
rehype-mermaid.ts
rehype-svg-renderer.ts
rehype-wrap-text-nodes.ts
remark-frontmatter-table.ts
rich-metadata.ts
svg-safety.test.ts
svg-safety.ts
svg-style.ts
sanitize-schema.ts
wechat.test.ts
router.ts
types/
definition.ts
worker.test.ts
worker.ts
middleware/
cors.test.ts
cors.ts
pwa.ts
seo.ts
upload-image.test.ts
upload-image.ts
utils.ts
logo.svg
router.tsx
routes/
__root.tsx
_layout.about.tsx
_layout.docs.mcp.tsx
_layout.docs.skill.tsx
_layout.index.tsx
_layout.tsx
-api.upload.image.test.ts
-docs-scalar-loader.test.ts
-docs-scalar-loader.ts
api.$.ts
api.upload.image.ts
docs.tsx
mcp.ts
routeTree.gen.ts
storage/
dc-storage.test.ts
dc-storage.ts
index.test.ts
index.ts
s3-storage.test.ts
s3-storage.ts
types.ts
stores/
command-palette.ts
editor.test.ts
editor.ts
files.integration.test.ts
files.test.ts
files.ts
preview.test.ts
preview.ts
styles/
styles.css
scrollbar.css
theme-animation.css
sw.ts
themes/
code-theme/
index.ts
loader.ts
metadata.ts
codemirror/
index.ts
infographic-theme/
index.ts
markdown-style/
AGENTS.md
ayu-light.css
bauhaus.css
blueprint.css
botanical.css
green-simple.css
index.ts
kami.css
loader.ts
maximalism.css
metadata.ts
neo-brutalism.css
newsprint.css
organic.css
playful-geometric.css
professional.css
reset.css
retro.css
sketch.css
terminal.css
mermaid-theme/
index.ts
palette/
index.ts
refs/
ayu-light.json
ayu-mirage.json
palette.svg
shadcn/
ayu-light.css
ayu-mirage.css
utils/
... 19 moreFAQ
bmmd is a Claude Code plugin with 1 hand-picked skill for content work, indexed on Flowy. Install it with the command on its page. It includes bm-md. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.
- What is bmmd?
- 更好用的 Markdown 排版助手｜微信公众号专门适配，支持输出到网页与图片。
- How do I install bmmd?
- Run these in Claude Code: npx -y skills add miantiao-me/bm.md --agent claude-code. Then prompt normally.
- Does bmmd auto-invoke its skills?
- Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.
- Is bmmd free?
- Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.