Update app.py

app.py

@@ -1,9 +1,16 @@
 import gradio as gr
 
+# ========= 圖片（使用 Google Drive 可嵌入連結） =========
+# 分享權限需設定為「知道連結的任何人」
+# 將 /file/d/<ID>/view 轉成 /uc?export=view&id=<ID>
+GALAXY_URL = "https://drive.google.com/uc?export=view&id=1OHl3Ice7U9wLJllXRHUsQUQDmmA4iuU4"
+SEISMIC_URL = "https://drive.google.com/uc?export=view&id=1r0JCdwtws5DnvKeVV2MExTMkZo978gKb"
+
+
 # --- 教學內容產生函式 ---
-def generate_tutorial_step(step):
+def generate_tutorial_step(step: str) -> str:
     if step == "🚀 你的任務：星際開發者":
-        return """
+        return f"""
         ## 🚀 你的任務：成為一名星際遠端開發者！
 
         這是一個專為星際開發者準備的模擬訓練。你將扮演一名坐在地球指揮艙（Windows 電腦）的艦長，遠端駕駛一台駐紮在火星基地、性能超群的「泰坦號」機甲（Mac Studio）。
@@ -11,19 +18,17 @@ def generate_tutorial_step(step):
         **你的目標：** 在不離開舒適駕駛艙的情況下，為「泰坦號」安裝一個特製的「任務模組」（Dev Container），讓它能夠執行複雜的開發任務。
 
         ### 核心裝備介紹：
-        * **💻 你的駕駛艙 (Windows PC):** 你的操作終點，用來發號施令。
-        * **🧠 泰坦號機甲 (Mac Studio):** 遠在火星的超性能主機，所有繁重運算都在這裡進行。
-        * **🛰️ 量子通訊頻道 (SSH):** 連接你和機甲的超光速安全通道。
-        * **📦 任務模組 (Dev Container):** 一個自給自足的隔離環境，內含任務所需的一切工具和零件，可隨時安裝或卸除，不影響機甲本體。
+        * **💻 你的駕駛艙 (Windows PC)**：你的操作終點，用來發號施令。
+        * **🧠 泰坦號機甲 (Mac Studio)**：遠在火星的超性能主機，所有繁重運算都在這裡進行。
+        * **🛰️ 量子通訊頻道 (SSH)**：連接你和機甲的超光速安全通道。
+        * **📦 任務模組 (Dev Container)**：一個自給自足的隔離環境，內含任務所需的一切工具與依賴，可隨時安裝或移除。
 
         ---
+
         **星際開發者，準備就緒！**
-        
-        """ + """
-        <p align="center">
-            <img src="galaxy.jpg" alt="星際開發者封面圖" style="width:100%; max-width: 800px; border-radius: 8px;">
-        </p>
-        """ + """
+
+        ![星際開發者封面圖]({GALAXY_URL})
+
         準備好了嗎，艦長？請從下拉選單中選擇你的第一個訓練科目！
         """
     elif step == "第 1 步：啟動泰坦號主機 (Mac Studio)":
@@ -37,9 +42,9 @@ def generate_tutorial_step(step):
 
         ### 2. 開啟量子通訊埠 (啟用 SSH)
         這是讓你的駕駛艙能與機甲建立通訊的關鍵。
-        * 在泰坦號的控制台（系統設定）> 一般 > 共享。
-        * 找到 **「遠端登入」** 並將其**開啟**。
-        * 系統會顯示一串通訊位址，這是機甲在星際網路中的座標。務必記下！
+        * 在 macOS「系統設定」→ **一般** → **共享**。
+        * 開啟 **遠端登入**（SSH）。
+        * 記下系統顯示的連線位址（主機名稱或 IP 位址）。
 
         ```bash
         # 這是機甲的專屬座標，格式為：艦長名@星際IP位址
@@ -136,16 +141,13 @@ with gr.Blocks(theme=gr.themes.Soft(), title="星際開發者訓練模擬器") a
             with gr.Tabs() as case_tabs:
                 with gr.TabItem("🌍 案例一：地震科學與 AI 預警", id=2):
                     gr.Markdown(
-                        """
+                        f"""
                         ### 任務情境：建構台灣地震 AI 分析與預警系統原型
 
                         台灣位於環太平洋地震帶，開發更快速、更準確的地震預警系統至關重要。這項研究需要處理大量的即時地震波形資料，並訓練 AI 模型來預測 P 波到達時間與地震規模。
 
-                        """ + """
-                        <p align="center">
-                            <img src="seismic.jpg" alt="地震科學封面圖" style="width:100%; max-width: 800px; border-radius: 8px;">
-                        </p>
-                        """ + """
+                        ![地震科學封面圖]({SEISMIC_URL})
+
                         **挑戰：**
                         1.  **環境複雜：** 地震科學研究需要用到 `Obspy`, `Scipy`, `Pandas` 等大量科學計算庫，版本之間互相依賴，在本機上設定非常耗時且容易出錯。
                         2.  **運算密集：** 處理原始地震波資料（濾波、去噪）和訓練深度學習模型（如 CNN）需要強大的 CPU 和 GPU 運算能力。
@@ -227,4 +229,3 @@ with gr.Blocks(theme=gr.themes.Soft(), title="星際開發者訓練模擬器") a
 
 if __name__ == "__main__":
     demo.launch()
-