烧了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的第一语言。
它，随处可见。而今天，我们终于有了一个能自由打开它、编辑它的趁手工具。
最后的最后，如果你觉得这个产品还不错的话，记得给我打个⭐，顺手三连。
感恩。

神圣的使命

哦了

apper12

烧了10亿Token，我做了一个Markdown编辑器。大家好，我是冷逸。先说个判断：AI时代，Markdown已经成为AI的第一语言。从ChatGPT 3.5那会儿写提示词，到现在的各种Agent设定、Skill构建，你会发现，几乎所有AI的活儿，最后都落在一个个.md文件上。

1263773813

我想做一个自动浏览器。比如我现在登录一个医院的病历系统，我只要告诉这个病人是什么病，什么阳性体征…浏览器就会自动写好病历。

子不归

捧一下场[斜眼笑]

苯异丙胺

这个必须支持,Markdown真是AI标配了