如何三天内上线一个 AI 作画网站？我的完整复盘

LastLight — Mon, 19 May 2025 15:56:51 +0800

前言

大家好，我又回来啦，上次在 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 或提出问题。

搭了个免费不限量的在线文生图工具，基于 Flux.1-dev 模型，欢迎体验

LastLight — Mon, 21 Apr 2025 14:58:11 +0800

前言

自己整了个基于 Flux.1-dev 模型的在线文生图应用——FluxEz。不用登录，打开就能在线生成图片，100% 免费且使用不限量。这套应用利用了家用电脑的闲置算力，借助分布式算力架构，提升出图效率，让平均出图时间缩短至 10 秒，同时提供高质量的图片生成服务。搭建 FluxEz 的初衷是为有绘图需求的开发者和想要体验 Flux 模型效果的朋友提供一个快速免费好用的工具。后续也会开源这套应用供大家自己搭建参考，欢迎佬友们体验交流～

访问地址

FluxEz

界面截图

功能特点

与市面上众多文生图工具站相比，本人开发的 FluxEz 有以下优点：

出图高效：采用 4090 作为算力支撑，平均仅需 10 秒，即可快速获取生成图片
效果优秀：基于 Flux.1-dev 模型，生成图片质量高
高度定制：支持自定义多种参数，调整生成效果和图片风格
免费不限量：100% 免费，不限量，随时可用
操作简单：无需下载和登录，点击即用
随机提示词：点击 “随机提示词” 按钮，即可填写随机提示词
界面简洁：工具操作界面干净简洁，上手简单
安全可靠：生成图片仅自己可见，保护隐私安全

3 步上手

首先访问 https://flux.comnergy.com/zh

点击 “立即开始” 按钮或下滑页面至生图区域，开始生成。
在 “提示词” 中输入图像描述。亲测使用英文提示词效果最佳，为了获得更好的图片效果可以适当增加提示词的长度，细化描述。
点击 “生成图片” 按钮，等待右侧预览区域图片生成。 # 作品展示以下是使用 FluxEz 生成的作品，界面中下滑到社区部分可以看到这些作品，使用 “画同款” 功能可以填写同款提示词，快速预览生图效果：

LastLight (昨日余光)