Update app.py

app.py

@@ -20,14 +20,15 @@ def transcribe(audio_file):
         file.write(text)
     return text, transcript_file_path
 
-with gr.Blocks(css=".container { max-width: 800px; margin: auto; } .gradio-app { background-color: #f0f0f0; } button { background-color: #4CAF50; color: white; }") as demo:
-    gr.Markdown("ASR 語音語料辨識修正工具")
+TITLE = """ASR 語音語料辨識修正工具</h1>"""
+SUBTITLE = """<h2 align="center"><a href='https://www.twman.org' target='_blank'>TonTon Huang Ph.D. @ 2024/04 </a><br></h2>"""
+LINKS = """<a href='https://blog.twman.org/2021/04/ASR.html' target='_blank'>那些語音處理 (Speech Processing) 踩的坑</a> | <a href='https://blog.twman.org/2021/04/NLP.html' target='_blank'>那些自然語言處理 (Natural Language Processing, NLP) 踩的坑</a> | <a href='https://blog.twman.org/2024/02/asr-tts.html' target='_blank'>那些ASR和TTS可能會踩的坑</a> | <a href='https://blog.twman.org/2024/02/LLM.html' target='_blank'>那些大模型開發會踩的坑</a> | <a href='https://blog.twman.org/2023/04/GPT.html' target='_blank'>什麼是大語言模型，它是什麼？想要嗎？</a><br>
+<a href='https://blog.twman.org/2023/07/wsl.html' target='_blank'>用PaddleOCR的PPOCRLabel來微調醫療診斷書和收據</a> | <a href='https://blog.twman.org/2023/07/HugIE.html' target='_blank'>基於機器閱讀理解和指令微調的統一信息抽取框架之診斷書醫囑資訊擷取分析</a><br>"""
 
-    title="ASR 語音語料辨識修正工具",
-    description="""<a href='https://www.twman.org' target='_blank'>TonTon Huang Ph.D. @ 2024/04 </a><br>
-                        <a href='https://blog.twman.org/2024/02/asr-tts.html' target='_blank'>那些ASR和TTS可能會踩的坑</a><br>
-                        <a href='https://blog.twman.org/2021/04/ASR.html' target='_blank'>那些語音處理踩的坑</a><br>
-                        <a href='https://blog.twman.org/2021/04/NLP.html' target='_blank'>那些自然語言處理踩的坑</a>""",      
+with gr.Blocks(css=".container { max-width: 800px; margin: auto; } .gradio-app { background-color: #f0f0f0; } button { background-color: #4CAF50; color: white; }") as demo:
+    gr.HTML(TITLE)
+    gr.HTML(SUBTITLE)
+    gr.HTML(LINKS)
     
     with gr.Row():
         # 修改了 Audio 組件的宣告方式