我用 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 ------ 记录思考,从轻开始。

相关推荐
chaors2 小时前
从零学RAG0x03第一个实战应用:医疗知识混合检索实战
人工智能·aigc·ai编程
昵称为空C2 小时前
spring-ai mcp-server(ssh工具)
后端·ai编程
树上有只程序猿4 小时前
OpenClaw虽香,但不是人人都养得起“小龙虾
前端·openai
树獭叔叔4 小时前
OpenClaw Plugins 与 Hooks 系统:让 AI 助手无限可能
后端·aigc·openai
Mintopia4 小时前
OpenClaw在日常开发中的应用实践与全场景解析
人工智能·openai·ai编程
streaker3035 小时前
多 IDE/Agent 环境下的 Skill 管理方案
前端·javascript·ai编程
新智元5 小时前
AI 龙虾全民爆火,湾区上门一次收 4.2 万!养虾狂登热搜,华强北下场了
openai
OpenTiny社区5 小时前
以界面重构文字,GenUI 正式发布!
前端·vue.js·ai编程
dossweet6 小时前
我写了一个 Skill,实现了人 + AI + 工程三方受益的增长飞轮
架构·aigc·ai编程