三天搞定跨平台 Markdown 编辑器，AI 助力！

说实话，我以前从没想过Neng这么快把一个编辑器从零敲到上线。

哈哈，一开始脑子里只有“我要写点东西”这几个字。

结果三天后手里Yi经捧着一个Ke以在 Windows、macOS、Linux 上跑的 Markdown 小工具。

别误会，我可不是靠运气，而是把 AI 当成了“代码小伙伴”。

AI 是怎么进场的？

先说需求：左侧写，右侧预览，还得支持实时渲染。

我把需求喂给大模型，它立马给出一段 Vue + Tauri 的脚手架代码。

不对不对，我其实geng想要 React，结果它马上又补了一段 React 示例。

我挑挑拣拣，把Zui合适的片段粘进去，然后自己跑一下。

每跑一次报错，我就让 AI 再解释一遍，“这个错误是因为 X 没装好”。

于是我们形成了循环：提需求 → AI 生成 → 我调试 → 再提需求。

技术选型大揭秘

Tauri 加 Rust 后端，让安装包只有二十几兆。

Vue 3 + Vite 打造前端 UI，热geng新快得像坐火箭。

ProseMirror Zuo富文本内核，这玩意儿自带 WYSIWYG 效果，敲 # 标题立马变大字。

Katex 嵌入公式，科学党写论文再也不用复制图片。

Mermaid 支持图表，一行代码就Neng画出时序图，省得去画 PPT 那套流程图工具。

三天冲刺时间线

Day 1： 搭建 Tauri 项目骨架。AI 把 Cargo.toml 配好，我只负责改名字。

Day 1 下午： 引入 Vue，弄好路由。那时候我还在想：“是不是该先写 README？”哈哈，结果写了两页代码才回去补 README。

Day 2： 集成 ProseMirror。AI 给了完整的插件列表，我挑了几个核心功Neng——标题、列表、代码块。

Day 2 下午： 加入实时预览。用了 Tauri 的 IPC 通道，把编辑区内容推送到预览窗口，实现秒级刷新。

Day 3： UI 打磨。换主题配色，加入暗黑模式；把快捷键绑定好——Ctrl+S 保存、Ctrl+P 打印douNeng用了。

Day 3 下午： 测试发布。Tauri 打包成 .exe 和 .dmg，体积惊喜地只有 18 MB。

为什么百度不收录？

问： 我的编辑器官网放上去后百度搜索一直搜不到，是不是被屏蔽了？

A： 一般是因为缺少站点地图和 robots.txt 配置不当导致爬虫没法抓取；还有可Neng是页面没有足够的外链支持权重。

检查 robots.txt 确保没有 disallow 所有路径；

在页面里加上 meta keywords 与 description；

Sitemap 提交到百度站长平台，让爬虫主动来抓取；

PWA 或者 SPA 单页应用需要 SSR 或 pre‑render，否则爬虫只Nengkan到空白页面；

- Zui后多发几篇技术博客指向你的项目，提高外部链接质量，这样百度才会慢慢收录哦。

Coding 心路历程

Ai 帮我写代码的时候，总会出现一些小瑕疵——比如变量名全是 abc_xxx，那时候我只Neng笑笑：“好吧，好吧，这次先凑合着用。”

C++ 风格的函数名混进来我立马改成 camelCase，还顺手把注释翻译成中文，“你懂的”。

Coding 时常常卡在依赖冲突，我会先问 AI：“这个依赖和哪个版本冲突？”它立马给出解决方案，“升级到 X.Y.Z”。然后我照Zuo，又卡住别的问题，又来一次对话循环——这感觉像在玩“猜词游戏”。

功Neng速览

# 实时预览： 左侧写 Markdown，右侧瞬间渲染；甚至Ke以隐藏预览，只kan源码；

# 多主题切换： 亮色、暗色、自定义配色，douKe以一键切换；

# 插件系统： 以后想支持 Emoji 表情、TODO 列表等插件；

# 导出 PDF/HTML： 一键导出，无需额外工具；

# 本地文件系统访问： 打开本地 .md 文件直接编辑；

# 自动保存 & 云同步： 使用本地数据库或云端 API 同步笔记。

Epilogue：下一步路在何方？

Coding 完成后我发现还有hen多细节值得打磨，比如全局搜索、高亮显示以及插件市场这些“大工程”。

Ehh，其实我Yi经列好了 TODO 列表，只等下个月再抽时间继续撸码啦。

Cake is a lie，但 Markdown 真的是写作神器，你说对吧？哈哈~ 咱就是说Ru果你也有类似痛点，不妨跟着我的思路，用 AI 来加速原型开发。 说实话，这种“一人团队+AI”的模式真的让人上瘾，你懂的。 期待kan到你的作品，也欢迎来一起聊聊跨平台开发的小技巧！

Mardown 编辑器背后的 SEO 小技巧

Ai 帮忙生成 meta 标签真的hen方便，不过别忘了每个页面dou要唯一标题和描述，这样搜索引擎才Neng准确索引你的内容呀！ 别忘了图片 alt 属性也要填上关键词，否则搜索引擎根本不知道图片讲啥。 Zui后一点，小心重复内容——Ru果你的文档里出现大量相同段落，就算你是 AI 写出来的，也会被判定为低质量内容而被过滤掉哦！ 祝大家douNeng在搜索引擎里占据一席之地~哈哈！

---