English | 简体中文

MDX Editor

一个好用的微信排版编辑器，更是一个跨平台 Markdown 笔记软件

灵感

Markdown 是广大程序员酷爱的写作方式，但满足不了微信排版的需求，MDX 正好弥补了 Markdown 的缺陷。我的博客正好也是使用 MDX 来书写的，如何做到一次书写，排版统一？ 当我看到 mdxjs playground 的时候，我就在思考能否实现类似的方案？

功能

网页版

在线体验

• 支持一键复制到微信公众号
• 支持自定义样式组件，自定义样式，生成二维码、代码 diff 高亮，
• 支持生成文章目录
• 支持生成微信脚注
• 自动转换微信外链为span
• 支持代码格式化
• 支持文章分享
• 支持下载 markdown
• 支持导出 pdf

桌面版

下载地址

桌面版除了网页版的功能之外，还支持

• 支持本地文件实时保存
• 支持本地文件目录树管理
• 支持导出 HTML

模板效果

浅绿色卡片	初夏风格
简历模板	代码 diff 高亮
生成二维码	旅行计划

开发

网页版在 main 分支

yarn
yarn dev

桌面版在 tauri-app 分支

yarn
yarn tauri dev

赞助作者

支付宝	微信

FAQ

1. macOS 系统安装完后显示「文件已损坏」或者安装完打开没有反应

因为 MDX Editor 没有签名，所以会被 macOS 的安全检查所拦下。

1. 安装后打开遇到「文件已损坏」的情况，请按如下方式操作：

信任开发者，会要求输入密码:

sudo spctl --master-disable

然后放行 MDX Editor :

xattr -cr /Applications/MDX\ Editor.app

然后就能正常打开。

如果提示以下内容

option -r not recognized

usage: xattr [-slz] file [file ...]
       xattr -p [-slz] attr_name file [file ...]
       xattr -w [-sz] attr_name attr_value file [file ...]
       xattr -d [-s] attr_name file [file ...]
       xattr -c [-s] file [file ...]

The first form lists the names of all xattrs on the given file(s).
The second form (-p) prints the value of the xattr attr_name.
The third form (-w) sets the value of the xattr attr_name to attr_value.
The fourth form (-d) deletes the xattr attr_name.
The fifth form (-c) deletes (clears) all xattrs.

options:
  -h: print this help
  -s: act on symbolic links themselves rather than their targets
  -l: print long format (attr_name: attr_value)
  -z: compress or decompress (if compressed) attribute value in zip format

执行命令

xattr -c /Applications/MDX\ Editor.app/*

如果上述命令依然没有效果，可以尝试下面的命令：

sudo xattr -d com.apple.quarantine /Applications/MDX\ Editor.app/

部署

Vercel Platform from the creators of Next.js.

参考

• mdxjs playground
• play.tailwindcss.com
• mdnice.com