每次从网页上复制内容到 Markdown 编辑器,格式都是全乱的。标题、加粗、链接,变成了纯文本,最后还得一个个手动改回来。
又或者想画个流程图,还得切到别的工具,画完之后截图,再贴回到编辑器,极其麻烦。
最后写完文章想发公众号,结果又得重新排版一遍。这些杂碎的事情累积起来,写篇文章光折腾格式可能就要花费一个多小时。
今天在 GitHub 上翻到一个开源的 Markdown 编辑器叫Arya,中文名为 “二丫”,这名字很有意思,已经斩获了 3200+ Star。
上面我们遇到的问题,在它这里都能得到了解决方案,下面一起来深入了解一下。
三种编辑模式,随时切换
Arya 提供了三种不同的编辑模式:所见即所得、即时渲染和分屏预览。
我们可以用快捷键快速切换,比如 Cmd/Ctrl + Shift + M 就能在模式之间跳转。
可以像我一样,在写技术文档的时候切换到「分屏模式」看效果,而在写日常文章则选择「所见即所得」,大家可根据场景自由选择。
丰富的图表,全面支持
另外 Arya 支持的图表类型非常丰富,包括流程图、甘特图、时序图 等等,还能插入 ECharts 图表和五线谱。
在写项目文档或者技术笔记的时候,直接在编辑器内制作图表,真的能为我们节省不少麻烦。
不过要注意,如果用 PPT 预览功能的话,这些图表暂时不支持渲染出来。但平时我们写文档用,基本够了。
HTML 自动转 Markdown
Arya 还有一个功能特别实用,我们在网上复制的 HTML 内容,粘贴到编辑器内,它能自动转换成 Markdown 格式。
比如从网页上复制了一段带有各种各样格式的文字,粘贴进去就 Arya 直接就帮我们自动转换好,再也不用手动的一个一个样式调整。
除了以上提及到的功能外,Arya 还有很多值得一说的亮点,比如下面这些:
本地存储防丢失:内容自动保存在浏览器本地,突然关掉页面也不用担心内容丢失;
多格式导出:支持导出 PDF、PNG、JPEG,还能生成微信公众号特制的 HTML 格式;
PPT 预览:可以直接预览 Markdown 生成的幻灯片,支持自由定义横向和纵向切换;
代码块复制:代码块自带复制按钮,常用快捷键也都支持。
一键部署,开箱即用
目前这个编辑器作者提供了在线演示版本,可以让我们直接在线体验,也可以自己部署。
如果想自己搭建,也非常简单。官方提供了 Docker 快速部署方式,只需执行以下一行命令就能运行起来:
dockerrun -d-p8866:80nicejade/markdown-online-editor:latest
接着,本地访问http://localhost:8866就能用了。
此外,如果不想部署到自己的本机电脑上,还可以部署到 Cloudflare Pages 上,GitHub 上提供了详细文档教程。
写在最后
总的来说,Arya 这款编辑器做得确实不错,该有的功能都有,基本覆盖我们日常需求,界面简洁直观,用起来非常舒适。
另外就是可以自己部署到本地,数据完全存在自己服务器上,更加安全不怕隐私泄露。
如果你平时要写技术文档、项目笔记,或者只是想找个干净的地方记点东西,可以试试看。
GitHub 项目地址:https://github.com/nicejade/markdown-online-editor
今天的分享到此结束,感谢大家抽空阅读,我们下期再见,Respect!