继前几次AI辅助开发后，最近 Google 的 Gemini 重新回到了模型能力的头把交椅，我在果断抛弃了ChatGPT 转投了 Google 全家桶的怀抱之际试着把这个早就想做的事情落实一下。

我的这个博客，代码放在 Github 上的私有仓库，它是一个 Jekyll 模板型的工程，把 .md 格式的文章根据配置生成静态页面供 Web 访问。

由于我配置了 “Github - Action - Netlify” 这样的托管服务，一直以来我需要做的就是在本地写文章，然后在终端上用 git 命令将修改提交到 master 分支，这样自动化流程会帮我触发编辑部署工作。

虽然整个流程有了持续集成后已经方便了不少，但离我 “打开就写，保存即发布” 的目标总还是差一些距离，于是今天花了1个小时，在 Gemini Pro 的帮助下，顺利完成了一个单页面纯前端的在线编辑器，这样未来写博客就更加轻松加方便了，为了验证它的易用性，这篇博客就是在编辑器里编写完成的。

第一步：跟 Gemini 聊聊思路

我们要让 AI 了解我们的工程架构如何，以及我们的两个痛点功能：

• 要能在线直接编写、可预览所有文章（即需要通过 github 的 token 获取到工程数据）
• 要能直接上传图片并预览（即需要打通图片对象存储服务，我这里用的是阿里云的 OSS）

还有一个非功能性需求

• 我希望它只是一个前端应用，直接托管在 Vercel 上，一键部署

把我需求跟它聊完后，我让它直接生成了用于 Antigravity（Google 刚出的 AI+ IDE）的项目构建提示词，看上去已经非常工整了。

第二步：扔给 Antigravity 构建

20秒后，基本它就是一个可用的状态了，经过几轮来回的小修改后，就能用了。考虑到我的 “纯前端应用” 的非功能性需求，它把 token 设置成为保存在本地的 loalstorage 中，平衡便捷与安全

第三步：部署与绑定域名

在 Vercel 上轻点几步，把这个叫作 Blog-Editor 的 repo 给 install 到 Vercel 上后，99%的事就已经完成了。

我把 eidt.xumeng.me 的子域名通过 CNAME 指向 Vercel，在阿里云的 OSS 配置中把跨域设置给配置好，一切就大功告成了！

第四步：开始编写

这就是我写作这篇博客的实时画面，首次设置好代码仓库和图片 Bucket 的 tokens后，接下去就只需要负责写作了。

如图所见，现在我们可以实时编写，直接插入图片，实时预览，轻松加便捷

总结

与去年下半年相比，大模型包含编码能力在内的各方面能力，基本上以月为频率已变得越来越强；开发者们总结出来的与AI一起协作的 ”工程范式“ 也越来越成熟，比如 MCP，Rules 等等；Vibe Coding 的社区也是越来越火热，我们从编这个领域窥见 AI 正在快速地塑造着未来！