AI帮我造博客

零设计基础，如何用 AI 辅助打造一个科幻风个人博客。

共 7 篇连载中

"5分钟AI生成博客"的文章满天飞，但能打开不等于能用。我几乎没有设计和前端基础，却用 AI 辅助磨出了这个科幻风博客。这个系列记录完整过程——第一篇先不讲代码，带你逛逛最终成品：前台展示、后台发布、移动端适配。

WordPress 全球 40%+ 网站在用，Hexo 轻量静态，Notion 零代码。我为什么非要自己造？两个月开发换来的，是「想改就改」的爽感和「从 0 到 1」的项目经验。

用餐厅的比喻，讲清楚前后端分离、API、Headless CMS 这些让人头大的术语。没有代码，只有大白话。

架构定了，接下来选技术。在 Strapi、Payload 和 Directus 之间，我为什么不争气地选了最“笨重”的 Strapi？以及这一路踩过的真实暗礁。

前端选型是最容易"选择困难"的环节。这篇从渲染模式（CSR/SSR/SSG/ISR）讲起，系统对比 Next.js、Astro、Nuxt、Remix 四大主流框架，最后用排除法推导出我的选择：Next.js App Router + ISR。

不会设计怎么做首页？我用三轮试错摸出了一条路：AI 生图定调、多模态模型逆向提取规范、截图驱动迭代——零基础也能做出满意的科幻风首页。

首页底部那条模拟飞船操控台的导航栏，看起来"也就五个按钮"，实际折腾了 CSS 3D 透视方向反转、底座贴图拉伸、Tailwind 安全列表的三连踩坑。这篇完整复盘"小组件大折腾"的过程，以及 AI 是怎么帮我产出调参文档把迭代效率拉上来的。