auri 2 + React 19 实战:如何用AI从零构建一个极致轻量的Markdown阅读器

auri 2 + React 19 实战:如何用AI从零构建一个极致轻量的Markdown阅读器 阅读预警本文不是硬核教程而是一个普通用户被工具折磨后的“自救实录”。如果你只想找工具请拉到文末有下载如果你想知道“不懂代码怎么做软件”请花5分钟读完。01. 一个Markdown重度用户的“阅读焦虑”我大概算是Markdown的“骨灰级”用户了。从日常笔记、博客草稿到项目文档、视频脚本几乎所有文字产出都依赖它。但很诡异的是写了这么多年Markdown我居然找不到一个舒服的“纯阅读”工具。这不是矫情是真实的痛点常用工具作为“阅读器”的致命伤VS Code启动像开坦克内存占用高满屏按钮和侧边栏读个文档像在调试代码Obsidian知识管理神器但只为“看一眼md文件”而启动它太重了插件加载慢得让人想砸键盘QuickLook空格预览虽快但大文件直接卡死没主题、不记进度只能当“临时瞄一眼”用市面上的工具要么太重要么太简陋。我就想要一个东西打开即读读完即走专注到只剩文字本身。找了一圈没有我决定自己做一个。更疯狂的是我一行代码都不会写。02. 4MB的执念ErgeMD 诞生记所有人都说做软件必须学编程但我偏不信这个邪。AI时代了如果连个桌面应用都搓不出来那AI还有什么意义于是ErgeMD诞生了。VS Code 150MBObsidian 282MB它的安装包只有主流工具的 1/37 ~ 1/70。这不是阉割版而是架构精简的结果⚡️毫秒级启动便携版EXE双击秒开不写注册表U盘拷走就能用原生体验安装版支持右键菜单关联双击md文件直接打开完全免费无广告、无订阅、无联网验证技术栈选的是Tauri 2 React 19 Rust后端。为什么选这套因为AI告诉我这是目前兼顾体积与性能的最优解。我不懂Rust但AI懂这就够了。03. 那些AI帮我啃下的“硬骨头”很多人觉得AI写代码就是生成个Hello World但在真实项目中坑远比想象中多。分享两个让我印象最深的细节也是ErgeMD区别于其他工具的核心体验。 主题不是换个色值那么简单内置14套主题Aurora、Cyberpunk、Tokyo Night等每一套都经过OKLCH色彩空间校正。什么是OKLCH简单说传统RGB调色容易出现“某个颜色刺眼、另一个颜色灰暗”的问题。OKLCH基于人眼感知均匀分布亮度确保无论切到哪个主题文字的对比度和舒适度始终在线。这套配色方案并非凭空捏造而是基于开源项目falcon-vscode-themes改造的。我把原作者的样式喂给AI让它用OKLCH重新映射优化。开源社区的审美 AI的工程化能力 现代独立开发的新范式。 Mermaid图表的“主题地狱”Mermaid 11.14.0 支持20多种图表但它的SVG渲染是隔离的外部CSS根本注入不进去。最开始我想当然地覆盖样式结果切换主题时图表颜色乱成一锅粥。后来尝试传themeVariables并发渲染又互相污染。最终解法AI帮我设计了一套全局串行渲染队列配合80个CSS变量的签名缓存机制。主题一变缓存自动失效重绘。对于Packet、Wardley等beta阶段的新图表还在渲染后做了SVG后处理通过真实DOM操作注入scoped CSS。现在无论多复杂的架构图切主题时都能保持风格统一。这些技术方案全是我和AI一轮轮对话磨出来的我负责描述现象AI负责定位问题并给出代码。04. 长文档阅读的“最后一公里”经常看API文档或技术书稿的朋友应该懂几千行的Markdown普通工具滚到后面直接掉帧。ErgeMD内置了三档虚拟滚动预设表格档位触发行数适用场景低档1000行起老旧设备 / 轻薄本中档默认5000行起主流配置高档15000行起高性能工作站另外还有一个看似简单却极少有工具做好的功能自动记忆阅读进度。下次打开同一个文件光标直接回到上次离开的位置。QuickLook没有很多编辑器也没有但阅读场景下它就是刚需。其他基础能力也没落下悬浮TOC目录、GFM完整支持、KaTeX公式渲染、190语言代码高亮、一键导出DOCX/PDF/HTML。该有的都有不该有的一个不多。05. 零代码开发的真相你只需要当好“产品经理”回到最初的问题一行代码不会怎么做到的答案很诚实全部代码由AI生成我用的是国产IDE Trae。我的角色从头到尾只有四个提需求、做测试、验收成果、决定方向。AI的角色也只有一个把模糊的想法变成可运行的代码。为了验证渲染能力我甚至让AI生成了一份包含所有Markdown语法和Mermaid图表类型的“极限测试文档”。这份文档现在成了我的回归测试标配每次更新跑一遍就知道有没有翻车。福利时间关注后回复「测试文档」我把这份涵盖全语法的Markdown测试文件发你。不管你用什么阅读器拿它测一遍就知道工具的上限在哪。这个过程让我确信一件事AI时代创造工具的门槛已经从“会不会写代码”变成了“能不能清晰描述需求”。你不需要懂Rust不需要懂React你只需要知道自己要什么然后耐心地、反复地和AI沟通。06. 写在最后VS Code适合写代码Obsidian适合建知识库QuickLook适合快速预览。但如果你只是想要一个“打开即读、读了即走”的Markdown阅读器ErgeMD可能就是那个被忽略的答案。专注阅读回归本质。就这么简单。 获取方式ErgeMD 完全免费无付费功能无广告。︎ 点击前往 更新发布页 便携版单EXE文件双击即用适合放U盘安装版支持右键菜单关联md文件