烧了10亿Token，我做了一个Markdown编辑器，开源免费

大家好，我是冷逸。

先说个判断：AI时代，Markdown已经成为AI的第一语言。

从ChatGPT 3.5那会儿写提示词，到现在的各种Agent设定、Skill构建，你会发现，几乎所有AI的活儿，最后都落在一个个.md文件上。

对人来说，它易读易写；对AI来说，它结构清晰、解析成本极低。

但你有没有发现一个特别拧巴的事，都到这个时候了，居然还是没有一款“纯粹好用”的Markdown编辑器。

Office三件套不能直接打开，即使用文本编辑器打开了又无法预览；浏览器倒是能看，但没法编辑；剩下的就只有那些在线小工具，但大多来自些不知名的网站，冷不丁给你弹个收费，你的数据往哪存、安不安全，也没人跟你说。

少数能打的产品，比如Obsidian，又更偏向知识管理，编辑Markdown本身不是它的重心。

所以我决定：自己写一个。

前后花了差不多一个周，改了不下十个版本，今天它终于能跟大家见面了。项目已经在Github开源，完全免费。

开源地址：

https://github.com/woyin2024/lengyi-markdown-editor

整个项目不到250kb，极其轻便，浏览器打开就能用。

我算了下，整个开发过程烧了差不多10亿Token，就靠大家的三连给我回点血了，感谢各位老板。

它有哪些功能？

我尽量把功能做得“够用且不累赘”：

1）拖拽导入

导入简单到没什么可说的，文件直接拖进来就行。目前支持md、txt和png。

2）多格式导出

导出这块，是群友一点点提建议给堆出来的，现在已支持md、docx、pdf、html、png等格式。

docx和pdf都是真正的文本文档，文字能选中、能复制、能编辑，不是那种截图糊上去的假货。

pdf走的是浏览器打印方案，弹出打印窗口后选「另存为pdf」就行，离线也能用。

导出图片，有多种尺寸可选。

内容太长的话，默认按适合手机看的长图给你导出来。

3）双栏同步滚动

编辑区和预览区，可以同步一起滚动，长文阅读非常实用。

4）自由分割布局

左边写，右边实时预览。编辑区和预览区相收就收，中间那根分割栏随便拖。支持鼠标和触屏操作。

而且系统能记住你的设定，关了再打开，你的内容、布局、主题，一样不落地给你留着。

点右上角「视图」还能切各种视图，也能全屏。

5）丰富的编辑工具栏

编辑工具，加粗、斜体、下划线、删除线、6级标题、LaTeX公式、引用、无序/有序/任务列表、行内代码、代码块、插链接、插图片、插表格、Mermaid图表，基本你能想到的都有。

插图片，本地文件能传，在线链接也能传，任何链接都行。

插表格，鼠标框一下就出来了，不用你手写代码。

Mermaid图表目前就两种，思维导图和流程图。后面看大家反馈，我再加。

整个UI我调得很清爽。代码块、引用、行内代码走的都是现在比较流行的现代简约风，干脆利落。

别小看这一套视觉和交互，光是抠这些小细节，我就来来回回迭代了十来版。

6）支持10种语言

搭了个i18n.js包，塞了10个语种的翻译，界面按钮、提示、弹窗、帮助文档，全都能自由切。

7）网页转MD

说实话，这块还没做好。很多域名它解析不了，比如公众号、知乎、百度这些都不行。

也欢迎大家在评论区支个招，帮我看看怎么搞。

因为你想啊，要搭自己的知识库，第一步就得先把手头的文章、资料全转成md，再喂给自己的Agent，这样才算真正把自己「炼」进去了。

这个功能要是能跑通，效率能省一大截。

8）最关键的一点：轻，本地跑

这工具最核心的两个字，就是「轻」和「本地」。

整个编辑器就是一个单HTML文件，打开即用。不用安装、不用注册、不用配任何服务器。

完全本地运行，断网也照样用。

怎么使用？

这个工具，一开始纯粹是我自己要用。做着做着我就在想，既然都做了，干嘛不做得再好一点，干脆做成真正的产品，开放给大家。

于是就有了后面这一个多周，每天迭代一点，每天迭代一点，磨到今天，开源分享出来。

用法很简单。

打开GitHub项目地址，点Code，点Download ZIP，把整个项目下载下来。

或者打开终端输入命令：

git clone https://github.com/woyin2024/lengyi-markdown-editor.git

也可以直接丢给你的Agent，让它帮你下。

帮我下载这个项目：https://github.com/woyin2024/lengyi-markdown-editor

下好之后，双击这个HTML文件，就能用了。

觉得有用的话，记得回GitHub给我标个⭐，谢啦。

我是怎么开发的？

整个开发过程，我大概花了一个周，跟Claude Code前前后后对话了不下 50 次。用到了三个模型：glm-5.2、DeepSeek-v4-pro和k2.7。

分工大概是这样：

• glm负责产品架构和核心代码，是主力干将

• DeepSeek负责产品文档、文案和README.md

• kimi负责前端优化

整个HTML现在有3000多行代码。基本上每次只能推进3~5个功能，上下文就撑爆了（我用的glm-5.2，1M上下文窗口）。

所以我严格按照之前文章里写的方法来执行。

把功能拆细（有些是我一开始没想到，做着做着又补进来的），拆成无数个0-1的活，让模型一点点啃。这样它就不会去动之前的架构和功能。反正我用glm-5.2这么跑下来，出错的概率很小。

包括最终的前端优化方案，也是模型帮我想出来的。功能、页面都开发得差不多后，我直接让AI审查整个项目，给我提前端优化方案。

（可上下滑动，查看全图）

给大家看下第一版，页面明显还挺糙的。

再看第二版，视觉、UI、组件一下就精致了。

整个项目跑下来，大概烧了我10亿Token。这也是我之前在线下分享提过的：想练coding手感，别的先不说，建议你先把Token消耗拉到亿级再谈。

真跑一轮下来，你的Vibe Coding能力会上一个台阶。不管是对编程技术的理解，还是对模型的熟悉，以及对Claude Code的适应，都会上一个台阶。

废话不多说了。

欢迎大家来玩，有功能建议、有bug，随时跟我说，我会一直迭代下去。

更重要的是，我觉得做一个md编辑器只是个开头。它后面可以无缝塞进我想做的Agent、Skill里，甚至你们公司的产品，也完全可以把它内嵌进去。

毕竟，md是AI的第一语言。

它，随处可见。而今天，我们终于有了一个能自由打开它、编辑它的趁手工具。

最后的最后，如果你觉得这个产品还不错的话，记得给我打个⭐，顺手三连。

感恩。