别再只会用135编辑器了！这才是2025微信排版终极方案

在之前的分享里，我向大家介绍了一款非常好用的微信排版小工具——Markdown Editor。这款工具不仅操作简便，还能让你根据个人喜好自定义CSS样式，真的非常贴心。不过呢，它也有一个小遗憾，就是暂时还不支持自定义组件的功能。关于这款工具的详细用法可以参考。

项目介绍

今天，我给大家推荐一个好用的微信排版工具，叫mdxnotes。这个工具不仅能让你自定义CSS样式，还能自定义组件。而且，它还是开源软件，如果你有能力的话，可以根据自己的喜好进行开发。

这款软件的作者一直在不断地进行维护和更新。它在GitHub上获得了1,100多个星标，这表明该项目受到了很多人的喜爱和支持。

该项目完美支持

https://github.com/maqi1520/mdx-notes

MDX Notes的能力

• 支持一键复制到微信公众号
• 支持自定义组件，自定义样式
• 内置10+主题和代码主题
• 支持生成二维码
• 支持代码 diff 高亮
• 支持生成文章目录
• 支持生成微信脚注
• 支持文档格式化

功能介绍

• 支持obsdian callouts 语法。同时支持复制到公众号。

• 支持自定义组件，自定义样式。

上面的柱状图不是一张静态图片，而是用代码生成的。我们用React语法把它封装成了一个组件。

functionChart({ data =[], color }){return(<divclassName="snowfall">{data.map((d, i)=>(<divkey={i}className="snowfall-bar"style={{height: d *20,backgroundColor: color,}}><span>{i +1}月</span></div>))}</div>)}exportdefault{Chart,}

在mdx调用该组件：

<Chartdata={[6,5,2,4.5,1.5,2.5,2,2.5,1.5,2.5,3.5,7]}color="#94D277"/>

这样，我们就成功地把柱状图展示出来了。即使我们不熟悉代码，通过结合AI技术，也可以轻松生成我们想要的组件。

• 该软件提供了桌面版和网页版，同时也支持暗黑模式。

• 支持生成二维码

这个软件可以把链接变成二维码，这样你就能在微信公众号的文章里用二维码的形式分享第三方的链接了。

• 支持代码diff高亮

mdxnotes创新性引入diff语法高亮支持，让内容修订痕迹可视化呈现。如下图：

项目使用

该项目提供了在线网页版和桌面版。在线版只需要打开网址即可使用这个编辑器。而桌面版需要下载安装。

线网页版:https://mdxnotes.com/桌面版下载地址：https://github.com/maqi1520/mdx-notes/releases/tag/v1.0.3

下面以在线版为例子：

在线版的左边有三个标签页：MDX、CSS和Config。MDX用来写Markdown语法，CSS用来设置你自己的样式，Config用来配置自定义组件。

例如，我把这个文档的标题文字样式修改其他就在CSS标签页，添加对应的CSS样式即可。

/* 主色定义 */.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{color:#009874;}

案例演示

在我的公众号里，经常会看到一种