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

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

烧了10亿Token,我做了一个Markdown编辑器,开源免费 烧了10亿Token,我做了一个Markdown编辑器,开源免费 Modified July 4 (可上下滑动,查看全图) 给大家看下第一版,页面明显还挺糙的。 再看第二版,视觉、UI、组件一下就精致了。 整个项目跑下来,大概烧了我10亿Token。这也是我之前在线下分享提过的:想练coding手感,别的先不说,建议 你先把Token消耗拉到亿级再谈 。 真跑一轮下来,你的Vibe Coding能力会上一个台阶。不管是对编程技术的理解,还是对模型的熟悉,以及对Claude Code的适应,都会上一个台阶。 写在最后 废话不多说了。 欢迎大家来玩,有功能建议、有bug,随时跟我说,我会一直迭代下去。 更重要的是,我觉得做一个md编辑器只是个开头。它后面可以无缝塞进我想做的Agent、Skill里,甚至你们公司的产品,也完全可以把它内嵌进去。 毕竟,md是AI的第一语言。 它,随处可见。而今天,我们终于有了一个能自由打开它、编辑它的趁手工具。 最后的最后,如果你觉得这个产品还不错的话,记得给我打个⭐,顺手三连。 感恩。 (可上下滑动,查看全图) 给大家看下第一版,页面明显还挺糙的。 再看第二版,视觉、UI、组件一下就精致了。 整个项目跑下来,大概烧了我10亿Token。这也是我之前在线下分享提过的:想练coding手感,别的先不说,建议 你先把Token消耗拉到亿级再谈 。 真跑一轮下来,你的Vibe Coding能力会上一个台阶。不管是对编程技术的理解,还是对模型的熟悉,以及对Claude Code的适应,都会上一个台阶。 写在最后 废话不多说了。 欢迎大家来玩,有功能建议、有bug,随时跟我说,我会一直迭代下去。 更重要的是,我觉得做一个md编辑器只是个开头。它后面可以无缝塞进我想做的Agent、Skill里,甚至你们公司的产品,也完全可以把它内嵌进去。 毕竟,md是AI的第一语言。 它,随处可见。而今天,我们终于有了一个能自由打开它、编辑它的趁手工具。 最后的最后,如果你觉得这个产品还不错的话,记得给我打个⭐,顺手三连。 感恩。 🔗 原文链接: https://mp.weixin.qq.com/s/FHQVXJom... https://mp.weixin.qq.com/s/FHQVXJom... 原创 冷逸 冷逸 沃垠AI2026年7月4日 19:15 四川 大家好,我是冷逸。 先说个判断: 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,把整个项目下载下来。 或者打开终端输入命令: • 也可以直接丢给你的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审查整个项目,给我提前端优化方案。

在 小宇宙note 阅读完整内容