十年没完成的博客主题,AI用了两天

我终于实现了数年前的一个梦想

十年没完成的博客主题,AI用了两天

刚才翻了一下博客,我是2016年的时候把博客从WordPress迁移到了Ghost。到现在差不多10年了,这套系统一直工作得很好。唯一有一点我不太满意的地方是它的主题。文字大小、段落间距、页面排版,虽然Ghost提供了多种内置主题,甚至还有主题商店可以选购,但是,用来用去,没有一款能够百分百合我心意。

我也尝试过打造一款自己的主题,为此还买了书学习WEB开发知识,借此机会搞清楚了HTML、CSS、JS究竟是什么意思。可惜,这个领域毕竟不是我的技能主线,随着图像处理与深度学习的技术路线逐渐明晰,此事不了了之。

直到今年,春节后我终于有机会可以按照自己的兴趣与想法安排精力,于是全身心投入到了AI智能体。在Token充值时,意外发现供应商提供了Vibe Coding工具。之前只是偶尔用下GitHub Copilot排查下BUG,看到这个便想反正Token都买了,试试这种专门的代码工具究竟好不好用。正好最近频繁在更新博客,与虾子们就品牌定位、内容风格等讨论良久有些产出,不如,拿来做一个博客主题,圆了自己多年前的梦?

于是,我开始第一次真正意义上的氛围编程。它持续了大概两天的时间。在这个过程中,我没有敲过一行代码。大部分时间,我都是在用自然语言告诉AI,我要什么东西,这个东西长什么样子。例如:

  • 请把文章列表布局改成4栏卡片布局。
  • “星星背景色换成深色,现在的颜色太接近了,对比度不明显。”
  • “已经生效了。但是显示的文章数量似乎不对,例如http://localhost:2368/page/2/ 只显示了14篇,远远少于实际数量。”

就在这样一轮一轮的交互中,我动嘴,AI动手,两天时间,我们共同完成了百分百按照我的要求定制化的Ghost博客主题——Ember。

整个过程有几个我印象比较深刻的点。

第一,AI生成的前端代码是可用的。我不懂前端开发,但是目前AI做出来的结果,我愿意买单。

第二,开发过程中,面对我模糊的描述,AI可以根据上下文正确识别我的意图。大部分时候我都尽可能告诉他是页面的哪个具体的元素需要什么数量的调整,例如:“去掉gh-meta-sep的8px margin”。但是偶尔我模糊描述一下,他也能够提供正确答案,例如:“去除静止文字部分。去除动态文字的背景色块”。

第三,氛围编程是一件有趣的事情!我一个不懂前端开发的人,在AI的配合下,体验到了“事情按照预期方向稳步进展”带来的成就感,让人上瘾。

目前这个主题已经完成了功能上的关键构想。在美观方面,这个不是我擅长的地方,而且AI似乎也帮不上什么忙。从这个角度看,设计师似乎有了AI无法替代的长处。毕竟AI刚刚开始理解图片,而“美”这个主观概念,似乎更难掌握。

说起来,"Ember"这个名字是AI起的,我觉得挺好!

转发至

微信扫一扫分享

WeChat QR Code