跳转到内容
View in the app

A better way to browse. Learn more.

彼岸论坛

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.
欢迎抵达彼岸 彼岸花开 此处谁在 -彼岸论坛

[分享创造] 总结分享下我做 Flux 图片站上站的四个阶段

发表于

Flux 已经火了一段时间,我也跟着做了个图片生成网站。热度没赶上,那就总结分享一下我开发的几个阶段吧。

体验网址: https://flux-ai-image.net

目前支持的功能如下:

  • 网站主要功能:
  1. 文生图 (text to image)
  2. 图生图 (image to image)
  3. 图生文 (image to text)
  • 文生图支持 flux.1 全系列模型:
  1. flux.1[schnell]
  2. flux.1[dev]
  3. flux.1[pro]
  • 其他优化:
  1. Prompt 提示词增加了英语翻译功能。之前尝试过输入其他语言,但效果不理想,所以接入了 Deepl 翻译接口。毕竟网站已经做了多语言支持,不能让用户只能输入英语吧。

网站上线的关键阶段和思考总结

  1. 阶段一:快速上线。 Flux 刚推出时,热度很高,用户搜索量也很大。迅速搭建网站,满足“是什么”和“怎么做”的需求,抢占这波流量。我的网站上线时非常简陋,只有一个落地页加上嵌入的 Hugging Face 文生图页面。

  2. 阶段二:留住用户。 第二阶段,我开始开发功能并对接 Flux AI 的接口。毕竟 iframe 的功能有限,需要尽快上线核心功能。由于当时还没有对接支付系统,所以网站功能暂时免费,使用最便宜的 schnell 模型。

  3. 阶段三:对接支付,实现功能闭环。 第一次对接 Stripe 支付确实有些麻烦,主要是由于相关知识储备不足,不知道该如何下手。通过查看其他人的开源代码以及与 Claude 交流,终于完成了支付功能的开发。因为网站之前已经有登录和积分系统,所以接入 Stripe 后,整个流程就闭环了。同时,增加了 dev 和 pro 模型的支持。

  4. 阶段四:持续优化功能和 SEO 。 这一阶段持续进行,包括功能迭代(如新增文生图、图生图、图生文等功能),以及优化体验不佳的功能(如提示词增加翻译功能)。SEO 优化也同步进行,通过 Google Search Console 后台的搜索分析,不断调整和优化关键词,增加外链等。

虽然工作是这么一步步做的,但结果未必如预期。因为白天还有本职工作,开发只能抽空进行,所以整个周期拖得比较长,错过了最初的热度。总结经验,争取下次能够赶上节奏。

网址: https://flux-ai-image.net

大家可以体验一下,欢迎提出宝贵建议,谢谢大家!

Featured Replies

No posts to show

创建帐户或登录来提出意见

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.