Python Web靜態資源管理：在Flask中正確引入CSS和JS文件

本文介紹在Flask中引入CSS和JS等靜態資源的方法。靜態資源包括CSS（樣式）、JS（交互）及圖片等，需放在項目根目錄的`static`文件夾（Flask自動映射爲`/static/`路徑），模板文件存於`templates`文件夾。 項目結構需包含`static`和`templates`，靜態資源可按類型放子文件夾（如`css/`、`js/`）。在模板中通過`url_for('static', filename='路徑')`引入，例如： ```html <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}"> <script src="{{ url_for('static', filename='js/script.js') }}"></script> ``` 常見問題：路徑錯誤（如文件名拼寫、子文件夾遺漏）會導致404，需檢查`static`存在性及文件名正確性。核心要點：靜態資源放`static`，用`url_for`引入，規範結構避免問題。