我用 VibeCoding 做了个 AI 驱动的 Markdown 编辑器

22 阅读6分钟

我用 VibeCoding 做了个 AI 驱动的 Markdown 编辑器

写文章最痛苦的不是没灵感,是灵感来了却被工具拖后腿。

选 Markdown 编辑器选了半天,Typora 要收费,Obsidian 太重,在线编辑器又各种限制——

好不容易开了个头,写到一半想调个标题风格,切出去找工具,回来灵感没了。

配图更头疼。自己画不会,网上找怕侵权,AI 生图又得开另一个工具,来回切几遍,写作的节奏全被打断。

后来我想:既然没有一个编辑器能让我从写、到排、到配图一站搞定,那我自己做一个?

不会写代码怎么办?

我用 WeaveFox,跟 AI 聊了聊,10 分钟拿到了一个完整的 Markdown 创作工具。

而且——它不是一个只能写字的编辑器,它是一个有 AI 大脑的创作伙伴

image.png


先说说这个编辑器能干什么

Markdown 编辑器

左边写 Markdown,右边实时预览,支持标准 Markdown 语法和 GFM 扩展。

该有的都有:标题、列表、代码块、表格、引用……写的时候就知道排出来长什么样,不用盲写。

用了就知道,当你不用在"写"和"看"之间反复切换,创作效率是天壤之别。

image.png

AI 标题润色

起标题是最让人纠结的事之一。

你想了半天,不是太干就是太浮。现在不用纠结了——把草稿标题扔给 AI,它给你生成多种风格的标题建议:严肃的、活泼的、悬念式的、数据式的……

选一个最顺眼的,或者拿它做灵感再改改。

好的标题不是想出来的,是迭代出来的。AI 帮你把迭代从半小时压缩到三秒。

image.png

AI 排版

写完一坨文字,结构乱了怎么办?

AI 排版帮你自动优化文章结构——智能分段、调整标题层级、理顺逻辑节奏。你只管把想法倾泻出来,结构的事交给 AI 来收拾。

就像有个编辑坐在你旁边,帮你把初稿整理成可以发表的终稿。

image.png

AI 生图

写到某一段,想配张图?不用跳出编辑器,不用打开另一个 AI 绘图工具。

直接在编辑器里告诉 AI 你想要什么样的配图,它根据你文章的内容和风格自动生成。支持多种风格选择——写技术文的配极简风格,写生活随笔的配手绘风格。

从灵感到成图,不用切出编辑器一步。写作节奏不中断,才是好的创作体验。

image.png

图片存储

配图管理一直是痛点。本地存怕丢,图床怕挂,链接到处散落。

这个编辑器用云端图库管理你的所有配图——支持批量上传、智能分类、快速插入。写新文章时,打开图库选一张,一键插入,图片链接是永久的。

不用再操心"图片存在哪"这件事了。

image.png

云端存储

文章自动保存到云端,打开任何设备都能继续写。

不用再经历"写了一下午没保存,电脑一崩全没了"这种惨剧。也不用操心文件同步、版本冲突——打开就是最新版,关了也不会丢。

image.png


这些 AI 能力从哪来的?

关键来了——这个编辑器不是我在本地跑了个模型套了个壳,它背后是 WeaveFox 的云端服务在支撑。

image.png

LLM 服务

标题润色、排版优化、内容续写……这些 AI 能力都靠 WeaveFox 的 LLM 服务驱动。不用申请 API Key、不用配模型参数,Agent 自动帮你调用先进的 AI 大模型。

Image 生成

文章配图能力来自 WeaveFox 的图像生成服务。文生图、风格切换、内容理解,AI 根据你的文章语义自动生成贴合的配图。

OSS 存储

图片和文章都存在云端,背后是 WeaveFox 的 OSS 对象存储服务。安全稳定,不怕丢不怕挂。

OAuth 登录

支持一键登录,不用注册,打开就能写。WeaveFox 的用户认证服务帮你搞定身份体系。

image.png

四个服务一组合,一个完整的创作工具就出来了。

而我做的只是——跟 AI 说了一句话。


跟 WeaveFox 说了什么?

大概是这样的:

做一个简洁优雅的 Markdown 文章创作工具,支持实时预览、AI 标题润色、AI 智能排版、AI 根据文章内容自动生成配图,图片要能云端存储和管理,文章要自动保存到云端,支持 OAuth 快速登录。

然后 WeaveFox 帮我拆解了需求:

  1. 编辑核心:Markdown 编辑器 + GFM 扩展 + 实时预览
  2. AI 能力:接入 LLM 服务,实现标题润色、智能排版、内容优化
  3. 图像能力:接入图像生成服务,根据文章内容自动生成配图
  4. 存储层:OSS 存储图片 + 云端存储文章,实现自动保存和跨设备续写
  5. 用户体系:OAuth 登录,无需注册

确认后,WeaveFox 自动选型 React + Ant Design 做前端,接入 LLM、图像生成、OSS 三大服务做后端,配好用户认证——

10 分钟,从一句话到一个能用的创作工具。

image.png

发布后拿到一个链接:

https://kuaixie.app.weavefox.cn/

打开就能写,登录就能存。


为什么用 WeaveFox 做,而不是自己写?

有人可能觉得:Markdown 编辑器满大街都是,自己搭一个也不难吧?

写个编辑器确实不难。但你想想这些问题——

自己搭用 WeaveFox
Markdown 解析器自己选型集成AI 自动选最佳方案
接 LLM 要申请 API Key、配参数、处理调用Agent 自动接入 LLM 服务
图像生成要对接另一个平台一个 Agent 就搞定
图片存储要自己搭图床或买 OSSWeaveFox 的 OSS 直接用
用户登录要自己实现 OAuth认证服务现成的
部署、域名、HTTPS 自己配一键发布,自动分配域名
跨设备同步要自己做云端存储自动搞定

自己搭,前后端加服务加部署,少说得一周。用 WeaveFox,10 分钟。

最关键的是,WeaveFox 做出来的不是一个 demo,是一个真正可用的完整应用——有 AI、有存储、有登录、有部署。


写在最后

好的创作工具,应该让你忘了工具的存在。

你想写的时候打开就写,想润色标题的时候 AI 帮你想,想配图的时候 AI 帮你画,写完自动保存关了也不怕——

所有该操心的事,编辑器替你操心了。你只管创作。

而这样一个工具,不需要你会写代码,不需要你搭服务、买服务器、配域名。

跟 WeaveFox 说一句话,10 分钟就能用上。

WeaveFox 让做应用的门槛降到了说话——有想法的人,不该被技术卡住。

试试看,反正免费的:

weavefox 地址:www.weavefox.cn

编辑器地址: kuaixie.app.weavefox.cn


点赞 + 转发 + 在看,让更多人知道这个宝藏工具!