大家好,我是冷逸。
先說個判斷: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的第一語言。
它,隨處可見。而今天,我們終于有了一個能自由打開它、編輯它的趁手工具。
最后的最后,如果你覺得這個產品還不錯的話,記得給我打個?,順手三連。
感恩。
特別聲明:以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布,本平臺僅提供信息存儲服務。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.