我用 AI 当主力,三天撸了一个跨平台的所见即所得 Markdown 编辑器

大家好,我是 小豆。

作为一名重度 Markdown 用户,我平时写技术博客、项目文档、README 以及公众号文章,几乎每天都在和 Markdown 打交道。但用了一圈市面上的编辑器后,我始终觉得"差点意思"。

在这个 AI 横着走、内存比金子还贵的时代,我脑子里突然冒出一个念头:既然找不到完美的工具,为什么我不自己(带着 AI)做一个呢?

于是,仅用了一周时间,MarkLight (墨光) 诞生了。

它是一款基于 Rust (Tauri 2.0) + Vue 3 + ProseMirror 构建的跨平台 Markdown 编辑器。今天我想和大家分享一下这个项目的开发故事、踩坑经验,以及它能为你带来什么。


😤 一、小豆苦传统 Markdown 编辑器久矣?

促使我造这个轮子的,主要是日常写作中的三个痛点:

1. 割裂的"左编右看"体验

很多传统的编辑器都采用"左侧编辑、右侧预览"的分栏模式。这种模式在写长文时常常让我出戏,思绪很容易被打断。我更偏爱类似 Typora 那种真正的"所见即所得 (WYSIWYG)"体验:敲下 # 标题,立刻变成大字;写下 - 列表,立刻渲染圆点,让创作者能专注于内容本身。

2. 令人抓狂的 Mermaid 图表支持

我写技术文章时,极度依赖 Mermaid 来画流程图、时序图和架构图。但市面上很多主打轻量的编辑器,要么完全不支持 Mermaid,要么需要折腾各种第三方插件,体验非常糟糕。

3. 性能与内存的妥协 (Electron 依赖)

市面上主流的跨平台工具,大多是 Electron + Web 组件的封装。动辄 200MB - 500MB 的内存占用,以及缓慢的启动速度,总是让人感到有些臃肿。


🤖 二、Vibe Coding:一个人与一支"AI 军队"

既然决定要做,怎么在短时间内搞定桌面端架构、富文本内核和前端 UI?我的答案是:Vibe Coding(AI 辅助开发)

在 MarkLight 的开发过程中,我其实更像是一个"产品经理"和"架构师"。我采用了这样的工作流:

  • Claude 负责"探讨需求与架构设计" :我与它反复推敲项目的设计,采用技术架构,技术选项以及会遇到的问题。
  • Qwen 和 Gemini 负责"搬砖写代码" :具体的组件封装、Rust 方法实现,直接交给它们快速生成。

整个开发节奏就是:提出需求 → AI 生成代码 → 我来调整结构与审查 → 跑通测试 → 继续迭代。这种沉浸式的 Vibe Coding 体验非常上头,让我这个"单枪匹马"的开发者,在一周内就拉起了一个完成度相当高的专业级编辑器雏形。

✨ 三、MarkLight (墨光) 的核心亮点

项目取名 "墨光" ,寓意"点墨成章,文字生光"。它的定位很明确:极简、沉浸、高性能

目前项目刚刚开源,虽然还在快速迭代中,但以下几个核心功能我已经非常满意:

1. 真正的所见即所得 (自研 ProseMirror 内核)

不同于市面上简单的 Markdown-it 渲染方案,墨光抛弃了传统的解析思路,基于 ProseMirror 自研了编辑器内核。基于 AST 级别的事务控制,你输入的每一行语法都会实时转换为富文本排版,保留 Markdown 直觉的同时,彻底告别来回切换预览的繁琐。

2. 完美的 Mermaid 与数学公式支持 (我的最爱)

这是我最初的核心痛点。现在,MarkLight 原生内置了 Mermaid 图表支持,无需任何插件。

同时,集成了 KaTeX 引擎,支持行内与块级公式。当光标移入公式时,会自动弹出实时预览气泡,支持精准光标定位,这对科研党和程序员极度友好。

"

3. 公众号创作者的福音:一键微信排版

如果你写过公众号,一定体会过 Markdown 转到微信后台格式全乱的崩溃。MarkLight 内置了多套精美的微信排版主题,一键即可复制带有行内样式的 HTML,直接粘贴到微信后台,代码块、表格等复杂元素完美适配。但是这个功能还在开发中,还不是很成熟。

4. 极致轻量:告别内存焦虑

得益于 Tauri 2.0 的 Rust 后端架构,MarkLight 的安装包在 macOS 和 Windows 上仅有不到 20MB。更重要的是,日常运行时的内存占用极低(仅需约 50MB - 80MB),几乎是秒开,彻底治愈了我的内存焦虑。


🚀 四、开源与未来

目前 MarkLight (墨光) 已经遵循 Apache License 2.0 协议完全开源。

坦白讲,因为项目刚开发不久,肯定还有不少 Bug,甚至很多细节需要打磨(比如接下来的全局搜索、插件系统等都在我的计划内)。但我迫不及待想把它分享出来,希望能帮助到像我一样有这些痛点的程序员、写作者。

如果你平时也用 Markdown,不妨下载试用一下。如果觉得有点意思,欢迎去 GitHub 给我点个 ⭐ Star!这也是对我这个独立开发者最大的鼓励。也随时欢迎大家提 Issue 和 PR,我们一起把它变得更好!

MarkLight ------ 记录思考,从轻开始。

相关推荐
星核0penstarry2 小时前
边缘AI选型:记录NVIDIA Holoscan测试
人工智能·硬件架构·压力测试·ai编程
自律懒人3 小时前
2.4T 开源旗舰横评:Qwen3.8-2.4T-A95B 实测,6 项基准对比 Kimi K3 和 DeepSeek V4 Pro
ai编程
殷紫川4 小时前
FDE前线部署工程师,你看好吗?
aigc·ai编程
gezg5 小时前
DeepSeek Harness 插件:Excel 拖进输入框,AI 自己去读文件
前端·ai编程
宋哥转AI5 小时前
深入理解 AI Agent · AGENT #01:从 LLM 到 Agent——为什么大模型需要一个“身体“
人工智能·agent·ai编程
Canace5 小时前
一条提示词让 Codex 生成可玩的 3D 武侠 MMORPG:Vibe Coding 原型实践
ai编程·游戏开发·three.js
AI编程实验室5 小时前
Agent Handoff M4 实现:敏感信息脱敏、REDACTION.md 与真实项目验证
ai编程
枝枝在Coding5 小时前
终端里加两个问号就能排障?我用完 Xterminal 小易,先把自动执行关了
ai编程·aiops
来让爷抱一个5 小时前
拯救我的“烂尾“项目:我用MonkeyCode把五个AI热点实践了个遍
网络·数据库·人工智能·prompt·ai编程
夫子3965 小时前
【第三部分:第一个 Agent 应用】10. 不使用框架,手写一个最小 Agent
llm·agent·ai编程