Rico MD：

一个面向微信公众号写作与排版的纯前端 Markdown 编辑器，支持实时预览、代码块主题、图片本地持久化与一键复制富文本。

图片

在线地址：

https://md.ricoui.com

安装

Docker Compose

1
2
3
4
5
6
7
services:
  rico-md:
    image: heizicao/rico-md:latest
    container_name: rico-md
    ports:
      - 8080:8080
    restart: always

使用

浏览器中输入 http://NAS的IP:8080 就能看到界面

图片

界面主要分为两个板块，左边是编辑器，右边则是实时预览

图片

修改编辑器的内容，右边也会实时修改

图片

点击左上角展开侧边功能栏，可以选择导入 .md 文档

图片

我这里导入了一篇从语雀导出的文章，可以简单看来一下展示效果

图片

TIP：对比我平时网上在线用 Markdown 编辑器，功能基本都是差不多的，不过样式更好看

图片

不过底部有一个小细节，会自动计算字数挺贴心的

图片

如果对默认主题不满意，编辑器还自带 20 多款主题，总有一款合适你的

图片

代码块主题不是下拉框选择，而是很直观看到样式效果，很方便

图片

同时支持键盘快捷键

图片

TIP：如果直接点击“复制到公众号”按钮，大概率会显示失败，这个是因为实现复制功能需要页面是 HTTPS 才可以正常调用

图片

用 Lucky 做了一个 HTTP 转 HTTPS，就可以正常复制了

图片

不过有一个比较大的问题，图片链接好像没有识别，复制以后丢失了

图片

总结

Rico MD 是一个纯前端的 Markdown 编辑器，主打公众号排版。部署很简单，编辑体验和主流 Markdown 编辑器差不多，主题和代码块样式选择丰富。但目前最大的问题是——复制到公众号后图片会丢失，而复制富文本恰恰是它的核心功能。想用它排版公众号文章，现阶段还不太行，等图片问题修复了再试。