前言

大家好，我又回来啦，上次在 W2 发了一篇帖子，介绍自己的 AI 绘画网站 FluxEz。

看起来有不少人对这方面感兴趣，因此我来聊聊我是怎么设计和开发的。

如果你是一个想快速搭建 AI 绘画网站的开发者，可能会发现网上很多教程要么太复杂，要么成本太高——动辄几十页文档、一堆代码配置，甚至还要自己训练模型……

而我这次从零开始，只用了不到 72 小时就上线了一个可用的站点。整个过程不需要太多前端经验，即使是刚接触相关工具的新手也能复现。

最关键的是：完全免费 + 开源可快速部署 ！

项目地址：FluxEz，欢迎自取、Star 和提 Issues。

一、模型选型：开源才是王道

最终选用的方案是：Flux.1-dev + ComfyUI Flux.1-dev 是 BFL 发布的高质量开源模型，在图像生成质量方面表现非常出色，而且完全免费。 相比一些商业模型，省下的订阅费用足够买不少火锅了 😄 ComfyUI 提供了非常友好的用户界面，并且官方在 GitHub 上提供了详细的部署指南。即便是对它不熟悉的开发者，也可以快速上手。

二、算力平台：低成本 + 易用性优先

之前尝试过在公有云租 GPU，结果账单吓人。后来改用了国内某弹性算力平台 ，体验好很多： 支持按分钟计费，一次生图成本只要几毛钱； 秒级结算机制，用完立刻释放资源； 平台已提供预装 Flux 的镜像，免去手动配置 Docker 的麻烦； 新人注册还有测试金赠送（50 元左右），建议先试试看。

三、UI 设计：简洁即美

作为一个前端能力一般的开发者，我的目标是 “够用就好”。所以 UI 部分尽可能简化：

使用 Next.js 快速构建页面结构； 主色调采用暖黄色，相比冷色调科技风，整体感觉更温馨； 页面结构清晰：导航栏 → 标题轮播 → 生图面板 → FAQ → 图库展示 → 简要介绍； 背景图使用 Flux 生成，比如 “二次元猫娘” 主题，既省事又吸引眼球。 上线后首日访问量超过 1000，用户反馈普遍表示 “界面清爽、操作简单”。

四、开发流程：效率为王

整个网站前后端加起来不到 200 行代码，主要依赖以下工具：

Tailwind CSS ：通过 class 控制样式，极大提升了开发效率； i18n 多语言支持 ：中英双语切换仅需几个步骤，现在也支持日文； 所有部署流程都整理在项目文档中，包括 Docker 启动命令、环境变量设置等。 遇到的一个小坑：本地调试时忘记修改 .env 中的 API 地址，卡了好久……建议新手直接使用项目中的模板配置。

五、避坑指南：写给开发者的忠告

模型来源务必可靠 下载模型时一定要认准官方仓库或可信来源，否则很容易引入兼容性问题或安全漏洞。 算力平台记得试用 在正式投入前，建议先用平台提供的免费额度进行测试，确保稳定性与性能符合预期。

结语

与其花大价钱购买商业服务，不如试试这个开源方案。整个项目我已经完整打包并开源（GitHub 搜索 FluxEz），欢迎大家 Star、提交 PR 或提出问题。