Update README.md

README.md

@@ -1,6 +1,6 @@
 ---
 license: apache-2.0
-library_name: adapter-transformers
+library_name: diffusers
 base_model:
 - stabilityai/stable-diffusion-xl-base-1.0
 - black-forest-labs/FLUX.1-dev
@@ -155,40 +155,40 @@ Here we present some examples based on **SDXL** with different samping steps.
     <p>2-Steps Sampling</p>
 </div>
 <div style="display: flex; justify-content: center; flex-wrap: wrap;">
-    <img src="assets/SDXL/2steps/dog.jpg" alt="图片1" width="170" style="margin: 2px;" />
-    <img src="assets/SDXL/2steps/girl1.jpg" alt="图片2" width="170" style="margin: 2px;" />
-    <img src="assets/SDXL/2steps/girl2.jpg" alt="图片3" width="170" style="margin: 2px;" />
-    <img src="assets/SDXL/2steps/rose.jpg" alt="图片4" width="170" style="margin: 2px;" />
+    <img src="assets/SDXL/2steps/dog.jpg" alt="图片1" width="170" style="margin: 0px;" />
+    <img src="assets/SDXL/2steps/girl1.jpg" alt="图片2" width="170" style="margin: 0px;" />
+    <img src="assets/SDXL/2steps/girl2.jpg" alt="图片3" width="170" style="margin: 0px;" />
+    <img src="assets/SDXL/2steps/rose.jpg" alt="图片4" width="170" style="margin: 0px;" />
 </div>
 
 <div align="center">
     <p>3-Steps Sampling</p>
 </div>
 <div style="display: flex; justify-content: center; flex-wrap: wrap;">
-    <img src="assets/SDXL/3steps/batman.jpg" alt="图片1" width="170" style="margin: 2px;" />
-    <img src="assets/SDXL/3steps/horse.jpg" alt="图片2" width="170" style="margin: 2px;" />
-    <img src="assets/SDXL/3steps/living room.jpg" alt="图片3" width="180" style="margin: 2px;" />
-    <img src="assets/SDXL/3steps/woman.jpg" alt="图片4" width="170" style="margin: 2px;" />
+    <img src="assets/SDXL/3steps/batman.jpg" alt="图片1" width="170" style="margin: 0px;" />
+    <img src="assets/SDXL/3steps/horse.jpg" alt="图片2" width="170" style="margin: 0px;" />
+    <img src="assets/SDXL/3steps/living room.jpg" alt="图片3" width="170" style="margin: 0px;" />
+    <img src="assets/SDXL/3steps/woman.jpg" alt="图片4" width="170" style="margin: 0px;" />
 </div>
 
 <div align="center">
     <p>4-Steps Sampling</p>
 </div>
 <div style="display: flex; justify-content: center; flex-wrap: wrap;">
-    <img src="assets/SDXL/4steps/boat.jpg" alt="图片1" width="170" style="margin: 2px;" />
-    <img src="assets/SDXL/4steps/building.jpg" alt="图片2" width="170" style="margin: 2px;" />
-    <img src="assets/SDXL/4steps/mountain.jpg" alt="图片3" width="170" style="margin: 2px;" />
-    <img src="assets/SDXL/4steps/wedding.jpg" alt="图片4" width="170" style="margin: 2px;" />
+    <img src="assets/SDXL/4steps/boat.jpg" alt="图片1" width="170" style="margin: 0px;" />
+    <img src="assets/SDXL/4steps/building.jpg" alt="图片2" width="170" style="margin: 0px;" />
+    <img src="assets/SDXL/4steps/mountain.jpg" alt="图片3" width="170" style="margin: 0px;" />
+    <img src="assets/SDXL/4steps/wedding.jpg" alt="图片4" width="170" style="margin: 0px;" />
 </div>
 
 <div align="center">
     <p>8-Steps Sampling</p>
 </div>
 <div style="display: flex; justify-content: center; flex-wrap: wrap;">
-    <img src="assets/SDXL/8steps/car.jpg" alt="图片1" width="170" style="margin: 2px;" />
-    <img src="assets/SDXL/8steps/cat.jpg" alt="图片2" width="170" style="margin: 2px;" />
-    <img src="assets/SDXL/8steps/robot.jpg" alt="图片3" width="170" style="margin: 2px;" />
-    <img src="assets/SDXL/8steps/woman.jpg" alt="图片4" width="170" style="margin: 2px;" />
+    <img src="assets/SDXL/8steps/car.jpg" alt="图片1" width="170" style="margin: 0px;" />
+    <img src="assets/SDXL/8steps/cat.jpg" alt="图片2" width="170" style="margin: 0px;" />
+    <img src="assets/SDXL/8steps/robot.jpg" alt="图片3" width="170" style="margin: 0px;" />
+    <img src="assets/SDXL/8steps/woman.jpg" alt="图片4" width="170" style="margin: 0px;" />
 </div>
 
 We also present some examples based on **FLUX**.
@@ -196,116 +196,100 @@ We also present some examples based on **FLUX**.
     <p>3-Steps Sampling</p>
 </div>
 <div style="display: flex; justify-content: center; flex-wrap: wrap;">
-    <div style="text-align: center; margin: 2px;">
+    <div style="text-align: center; margin: 0px;">
         <img src="assets/FLUX/3steps/portrait.jpg" alt="图片1" width="170" />
-        <br />
-        <span>Seasoned female journalist...</span><br>
-        <span>eyes behind glasses...</span>
+        <span style="font-size: 12px;">Seasoned female journalist...</span><br>
+        <span style="font-size: 12px;">eyes behind glasses...</span>
     </div>
-    <div style="text-align: center; margin: 2px;">
+    <div style="text-align: center; margin: 0px;">
         <img src="assets/FLUX/3steps/hallway.jpg" alt="图片2" width="170" />
-        <br/>
-        <span>A grand hallway</span><br>
-        <span>inside an opulent palace...</span>
+        <span style="font-size: 12px;">A grand hallway</span><br>
+        <span style="font-size: 12px;">inside an opulent palace...</span>
     </div>
-    <div style="text-align: center; margin: 2px;">
+    <div style="text-align: center; margin: 0px;">
         <img src="assets/FLUX/3steps/starnight.jpg" alt="图片3" width="170" />
-        <br />
-        <span>Van Gogh’s Starry Night...</span><br>
-        <span>replace... with cityscape</span>
+        <span style="font-size: 12px;">Van Gogh’s Starry Night...</span><br>
+        <span style="font-size: 12px;">replace... with cityscape</span>
     </div>
-    <div style="text-align: center; margin: 2px;">
+    <div style="text-align: center; margin: 0px;">
         <img src="assets/FLUX/3steps/sailor.jpg" alt="图片4" width="170" />
-        <br />
-        <span>A weathered sailor...</span><br>
-        <span>blue eyes...</span>
+        <span style="font-size: 12px;">A weathered sailor...</span><br>
+        <span style="font-size: 12px;">blue eyes...</span>
     </div>
 </div>
 <div align="center">
     <p>4-Steps Sampling</p>
 </div>
 <div style="display: flex; justify-content: center; flex-wrap: wrap;">
-    <div style="text-align: center; margin: 2px;">
+    <div style="text-align: center; margin: 0px;">
         <img src="assets/FLUX/4steps/guitar.jpg" alt="图片1" width="170" />
-        <br />
-        <span>A guitar,</span><br>
-        <span>2d minimalistic icon...</span>
+        <span style="font-size: 12px;">A guitar,</span><br>
+        <span style="font-size: 12px;">2d minimalistic icon...</span>
     </div>
-    <div style="text-align: center; margin: 2px;">
+    <div style="text-align: center; margin: 0px;">
         <img src="assets/FLUX/4steps/cat.jpg" alt="图片2" width="170" />
-        <br/>
-        <span>A cat</span><br>
-        <span>near the window...</span>
+        <span style="font-size: 12px;">A cat</span><br>
+        <span style="font-size: 12px;">near the window...</span>
     </div>
-    <div style="text-align: center; margin: 2px;">
+    <div style="text-align: center; margin: 0px;">
         <img src="assets/FLUX/4steps/rabbit.jpg" alt="图片3" width="170" />
-        <br />
-        <span>close up photo of a rabbit...</span><br>
-        <span>forest in spring...</span>
+        <span style="font-size: 12px;">close up photo of a rabbit...</span><br>
+        <span style="font-size: 12px;">forest in spring...</span>
     </div>
-    <div style="text-align: center; margin: 2px;">
+    <div style="text-align: center; margin: 0px;">
         <img src="assets/FLUX/4steps/blossom.jpg" alt="图片4" width="170" />
-        <br />
-        <span>...urban decay...</span><br>
-        <span>...a vibrant cherry blossom...</span>
+        <span style="font-size: 12px;">...urban decay...</span><br>
+        <span style="font-size: 12px;">...a vibrant cherry blossom...</span>
     </div>
 </div>
 <div align="center">
     <p>6-Steps Sampling</p>
 </div>
 <div style="display: flex; justify-content: center; flex-wrap: wrap;">
-    <div style="text-align: center; margin: 2px;">
+    <div style="text-align: center; margin: 0px;">
         <img src="assets/FLUX/6steps/dog.jpg" alt="图片1" width="170" />
-        <br />
-        <span>A cute dog</span><br>
-        <span>on the grass...</span>
+        <span style="font-size: 12px;">A cute dog</span><br>
+        <span style="font-size: 12px;"><on the grass...</span>
     </div>
-    <div style="text-align: center; margin: 2px;">
+    <div style="text-align: center; margin: 0px;">
         <img src="assets/FLUX/6steps/tea.jpg" alt="图片2" width="170" />
-        <br/>
-        <span>...hot floral tea</span><br>
-        <span>in glass kettle...</span>
+        <span style="font-size: 12px;">...hot floral tea</span><br>
+        <span style="font-size: 12px;">in glass kettle...</span>
     </div>
-    <div style="text-align: center; margin: 2px;">
+    <div style="text-align: center; margin: 0px;">
         <img src="assets/FLUX/6steps/bag.jpg" alt="图片3" width="170" />
-        <br />
         <span>...a bag...</span><br>
         <span>luxury product style...</span>
     </div>
-    <div style="text-align: center; margin: 2px;">
+    <div style="text-align: center; margin: 0px;">
         <img src="assets/FLUX/6steps/cat.jpg" alt="图片4" width="180" />
-        <br />
-        <span>a master jedi cat...</span><br>
-        <span>wearing a jedi cloak hood</span>
+        <span style="font-size: 12px;">a master jedi cat...</span><br>
+        <span style="font-size: 12px;">wearing a jedi cloak hood</span>
     </div>
 </div>
 <div align="center">
     <p>8-Steps Sampling</p>
 </div>
 <div style="display: flex; justify-content: center; flex-wrap: wrap;">
-    <div style="text-align: center; margin: 2px;">
+    <div style="text-align: center; margin: 0px;">
         <img src="assets/FLUX/8steps/lion.jpg" alt="图片1" width="170" />
-        <br />
-        <span>A lion...</span><br>
-        <span>low-poly game art...</span>
+        <span style="font-size: 12px;">A lion...</span><br>
+        <span style="font-size: 12px;">low-poly game art...</span>
     </div>
-    <div style="text-align: center; margin: 2px;">
+    <div style="text-align: center; margin: 0px;">
         <img src="assets/FLUX/8steps/street.jpg" alt="图片2" width="170" />
-        <br/>
-        <span>Tokyo street...</span><br>
-        <span>blurred motion...</span>
+        <span style="font-size: 12px;">Tokyo street...</span><br>
+        <span style="font-size: 12px;">blurred motion...</span>
     </div>
-    <div style="text-align: center; margin: 2px;">
+    <div style="text-align: center; margin: 0px;">
         <img src="assets/FLUX/8steps/dragon.jpg" alt="图片3" width="170" />
-        <br />
-        <span>A tiny red dragon sleeps</span><br>
-        <span>curled up in a nest...</span>
+        <span style="font-size: 12px;">A tiny red dragon sleeps</span><br>
+        <span style="font-size: 12px;">curled up in a nest...</span>
     </div>
-    <div style="text-align: center; margin: 2px;">
+    <div style="text-align: center; margin: 0px;">
         <img src="assets/FLUX/8steps/female.jpg" alt="图片4" width="170" />
-        <br />
-        <span>A female...a postcard</span><br>
-        <span>with "WanderlustDreamer"</span>
+        <span style="font-size: 12px;">A female...a postcard</span><br>
+        <span style="font-size: 12px;">with "WanderlustDreamer"</span>
     </div>
 </div>