Update app.py

app.py

@@ -59,21 +59,18 @@ else:
 # 設定範例圖片
 examples = [[examples_path + "/" + img] for img in os.listdir(examples_path)]
 
-# 建立 Markdown 清單顯示所有品種
-breed_list = "### Recognizable Breeds\n" + "\n".join([f"- {breed}" for breed in class_names])
+# 用戶可參考的品種列表
+breed_list_text = "Recognizable Breeds:\n" + ", ".join(class_names)
 
 # Gradio 介面
-demo = gr.Blocks()
-
-with demo:
-    gr.Markdown("# Oxford Pet 🐕🐈 Recognizable Breeds")
-    gr.Markdown(breed_list)  # 用 Markdown 顯示品種列表
-    gr.Interface(fn=classify_image,  
-                 inputs=gr.Image(type="pil"),  # 只需要圖片輸入
-                 outputs=[gr.Label(num_top_classes=3, label="Top 3 Predictions")],  
-                 examples=examples,  
-                 title='Oxford Pet 🐈🐕',  
-                 description='A ResNet50-based model for classifying 37 different pet breeds.',
-                 article="[Oxford Project](https://github.com/Eric-Chung-0511/Learning-Record/tree/main/Data%20Science%20Projects/The%20Oxford-IIIT%20Pet%20Project)").launch()
+demo = gr.Interface(
+    fn=classify_image,  
+    inputs=gr.Image(type="pil"),  # 只需要圖片輸入
+    outputs=[gr.Label(num_top_classes=3, label="Top 3 Predictions")],  
+    examples=examples,  
+    title='Oxford Pet 🐈🐕',  
+    description=f'A ResNet50-based model for classifying 37 different pet breeds.\n\n{breed_list_text}',  # 直接把品種放到描述中
+    article='[Oxford Project](https://github.com/Eric-Chung-0511/Learning-Record/tree/main/Data%20Science%20Projects/The%20Oxford-IIIT%20Pet%20Project)'
+)
 
 demo.launch()