欢迎来到前端后花园！我是小前，这是前端开源项目100专栏，目标是探索分享精选 100个高质量的开源项目。这是系列的第4篇文章，分享一个公众号Markdown排版编辑器。

公众号后台排版样式不好看？135编辑器调整样式太麻烦？小前搜罗到一款简洁、高颜值、多主题的Markdown公众号编辑器 - WeChat Markdown Editor，让你不再为微信内容排版而发愁！（文末附网站地址）

只要你会基本的 Markdown 语法，就能做出一篇样式简洁而又美观大方的微信图文。

个人体验

页面非常简洁，排版风格很符合我的审美，属于简洁中带着高级的排版风格。

Markdown编辑区域，很简洁，不会带各种用不到的编辑栏。最常用也是最好用的功能就是调整样式，常用到的样式功能列在这里：

• 选择字体、字号：一般选择默认

• 主题色：有多个选项，我个人试下来更喜欢石墨黑（本文就是石墨黑主题排版）

• 代码块主题：对于展示代码的公众号很有用，看下来支持20多种主题

项目特点

列下我使用过程中体验到的亮点：

• 支持 Markdown 所有基础语法、数学公式

• 丰富的代码块高亮主题，提升代码可读性（推荐👍🏻）

• 允许自定义主题色和 CSS 样式，灵活定制展示效果（推荐👍🏻）

• 提供多图上传功能，并可自定义配置图床（推荐👍🏻）

• 便捷的文件导入、导出功能，提升工作效率

• 内置本地内容管理功能，支持草稿自动保存

项目技术栈

关注技术的可以看下

• 前端框架：Vue 3

• 状态管理：Pinia，替代 Vuex

• 构建工具：Vite

• 样式处理：Tailwind CSS、PostCSS

• Markdown 处理：marked 用于解析 Markdown 语法、highlight.js: 用于代码高亮显示

• 表单验证：vee-validate、yup

开源链接

开源地址：https://github.com/doocs/md

在线体验网址：https://doocs.github.io/md/

另外，还支持自己本地部署，或者使用 Docker 部署。

PS：提前预告，下期介绍另外一款开源高颜值的公众号Markdown排版工具，最大的亮点是是支持手机端排版。