如果你正在使用 Flask 做網站開發,有時會遇到 CSS 文件無法加載的問題。這是由于 Flask 默認不會自動加載靜態資源,包括 CSS 文件。
但是,我們可以通過以下步驟解決這個問題:
1. 在你的 Flask 應用程序文件夾中創建一個名為 static 的文件夾。
2. 將你的 CSS 文件保存在 static 文件夾中。
3. 在你的 Flask 應用程序文件中,添加以下代碼來創建一個指向 static 文件夾的 URL:
from flask import Flask, render_template, url_for
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html', css_file=url_for('static', filename='style.css'))
4. 在你的 HTML 頁面中添加以下代碼:
<link rel="stylesheet" href="{{ css_file }}">
這里的 '{{ css_file }}' 是我們在 Flask 應用程序文件中定義的變量。通過這個變量,頁面會正確找到我們保存的 CSS 文件。
希望這篇文章能給你解決 Flask 不顯示 CSS 的問題帶來幫助。