1.前言

1.1项目地址

官方演示地址：https://markdown.lovejade.cn/

GitHub地址：https://github.com/nicejade/markdown-online-editor

夜梦博客：tech.yemengstar.com/?p=6212

1.2功能

•  🎉 通常 Markdown 解析器自带的基本功能；

•  🍀 支持流程图、甘特图、时序图、任务列表；

•  🏁 支持粘贴 HTML 自动转换为 Markdown；

•  💃🏻 支持插入原生 Emoji、设置常用表情列表；

•  🚑 支持编辑内容保存本地存储，防止意外丢失；

•  📝 支持实时预览，主窗口大小拖拽，字符计数；

•  🛠 支持常用快捷键(Tab)，及代码块添加复制；

•  ✨ 支持导出携带样式的 PDF、PNG、JPEG 等；

•  ✨ 升级 Vditor，新增对 echarts 图表的支持；

•  ✨ 注入 RevealJs，增设对 PPT 预览支持；

•  👏 支持检查并格式化 Markdown 语法，使其专业；

•  🦑 支持五线谱、及部分站点、视频、音频解析；

•  🌟 增加对所见即所得编辑模式的支持(⌘-⇧-M)；

•  🌟 新增复制到微信公众号等周边功能；

1.3展示

2.准备

夜梦使用的服务器：

• https://www.rainyun.com/YeMeng_

• https://url.cn/EVptJOd8

3.安装docker

在开始之前，需要我们先安装docker

wget -qO- get.docker.com | bash

参考文章：https://tech.yemengstar.com/?p=536

4.部署

下载代码并进入目录：

git clone --depth=1 https://github.com/nicejade/markdown-online-editor.git

cd markdown-online-editor/

构建镜像：

mkdir dist
docker build -t markdown-online-editor .

运行：

docker run -d --name markdown -p 8866:80 liwangsheng/markdown-online-editor

然后你可以通过 http://[Server-IP]:8866 进行访问。

5.反向代理

如果你有域名，你可以进行反向代理，然后使用域名访问你的服务。安装使用参考文章：

https://tech.yemengstar.com/?p=443

https://tech.yemengstar.com/?p=677