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 编辑器差不多,主题和代码块样式选择丰富。但目前最大的问题是——复制到公众号后图片会丢失,而复制富文本恰恰是它的核心功能。想用它排版公众号文章,现阶段还不太行,等图片问题修复了再试。