我用 AI 为 Hugo 打造了博客文章发布平台
自从去年 10 月将博客从 Typecho 迁移到 Hugo 之后,静态博客在访问速度、数据安全和服务器资源占用上的优势让我非常满意。
但不得不面对静态博客最大的痛点:没有成熟的文章后台发布系统。我一直采用手动创建文件夹并新建 markdown 文件的方式来写博客,特别是我还用到了一些关于图片方面的 Shortcode……
AI 这么成熟的今天,特别是龙虾🦞近期也是非常火爆。那我就把这个想法告诉了 Gemini,让其帮我实现:
帮我写一个纯前端的“无头 CMS”,直接挂载在我的博客域名下,随时随地打开网页就能写
我把我的需求、Markdown 模板以及复杂的文件树结构一股脑喂给了 AI,要求它以“高级产品经理 + 程序员”的身份帮我实现。下面把关键节点记录如下:
第一阶段:Node.js 方案
最开始,AI 给出了一个常规解法:用 Express 跑一个本地服务,前端写页面,后端直接操作本地文件系统。
但这完全背离了我的初衷。我的博客代码托管在 GitHub 上,由 GitHub Actions 自动构建部署到云服务器。如果每次写文章还得在本地打开终端运行 node server.js,这和在终端敲 hugo new 没什么本质区别。
于是立刻否决这个方案,向 AI 提出了进一步要求:我要纯前端实现,没有服务器,直接通过 GitHub API 读写仓库!。
最终给我一份纯 html 的前端文档,满足要求。
效果图
第二阶段:安全性与便捷性
纯前端方案确立后,最大的难题是鉴权。
AI 给出了以下方案:
系统内置了一套基于 crypto-js 的 AES-256 军事级加密引擎。首次使用时,我输入真实的 Token 和一个自定义的短密码,系统将 Token 加密成一串绝对安全的乱码,这串乱码被硬编码在 HTML 文件里并推送到线上。