如何分钟级搭建属于自己的Text to Image面板

顶级卖家秀镇楼

文生图方案介绍

如今AI发展非常迅速,文生图不仅仅局限在Stable Diffusion这一个领域,很多公司提供了大量的API也可以生成对应的图片,本文主要介绍如何根据不同的途径来构建属于自己的面板,大家可以通过下面列举的各个方面来DIY自己的个性面板!

一般来说文生图的方案有三种:

  • Hugging Face上面的开源模型接口(简单调用)
  • 自建Stable Diffusion机器(复杂搭建)
  • 使用API请求不同公司的API获取图片

三种方案其实对于面板侧来说交互方式是唯一的,流程都是

API调用 -> Loading -> 获取图片 -> 展示图片 -> 按需下载

准备工作

此处我们既然是分钟级,那么授人予渔,大家学会了之后可以快速在此基础上自行DIY

我们需要两个工具

首先配置UI

首先使用ILLA创建一个App,这里我已经创建好了。

进入之后在屏幕中间拖入两个组件

  • TextArea:用来输入我们生成图片的Prompt
  • Image:用来展示生成好的图片

然后配置接口

首先我们需要配置一个Hugging Face的资源,用来存储我们的API Key,保证一会可以访问Hugging Face的接口

然后我们需要创建一个Action,用来作为生成图片的请求,首次创建Resouce会自动创建一个Action

接下来让我们把在Hugging Face找到的模型配置进去,并且将TextArea的输入关联进去,最后将生成的结果配置到Image组件上,然后调用即可显示。

最后调用即可

输入我们的究极咒语(生成的图片比较-。-)

更多

上面的Demo点击右上角发布之后就可以随时使用了,而不需要二次编辑了。

大家可以在屏幕上放置更多的按钮等去DIY属于自己的面板!

完整Demo传送门

UP的API Key不够用,可能不一定可以在线运行

最后附上一个Demo,大家可以Fork下来修改属于自己的面板 ๑乛◡乛๑

黑曜石传送门

相关推荐
打小就很皮...4 分钟前
基于 Vue 和 Node.js 实现图片上传功能:从前端到后端的完整实践
前端·vue.js·node.js
深蓝易网16 分钟前
打破传统仓库管理困局:WMS如何重构出入库全流程
大数据·运维·人工智能·重构·数据分析·制造
ange201722 分钟前
前端工程的相关管理 git、branch、build
前端·git
FF-Studio36 分钟前
【硬核数学】2. AI如何“学习”?微积分揭秘模型优化的奥秘《从零构建机器学习、深度学习到LLM的数学认知》
人工智能·深度学习·学习·机器学习·自然语言处理·微积分·高等数学
仙人掌_lz37 分钟前
深入理解蒙特卡洛树搜索(MCTS):python从零实现
人工智能·python·算法·ai·强化学习·rl·mcts
追逐☞40 分钟前
机器学习(14)——模型调参
人工智能·机器学习
犬余41 分钟前
告别Spring AI!我的Java轻量AI框架实践(支持多模型接入|注解式MCP架构|附开源地址)
java·人工智能·spring
Ro小陌1 小时前
VisionPro自动化视觉开发实战:脚本编写、规范管理与高级调试
人工智能·microsoft·自动化
C+ 安口木1 小时前
纯前端实现图文识别 OCR
前端·javascript·ocr
水花花花花花1 小时前
离散文本表示
人工智能·机器人