我正在為 Flask 撰寫一個站點，并遇到 css 檔案未連接到專案的問題
這是 HTML 檔案
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css'>
<link type="text/css" href="{{url_for('static', filename='css/main.css')}}" rel="stylesheet" />
這是 CSS 檔案：
body {
background: red;
}
但顏色從未出現在網站上
uj5u.com熱心網友回復：
您應該做的是，如果您的靜態檔案在模板檔案中，請將其從模板中洗掉并執行以下操作：
from flask import Flask, render_template
css_file = "static/styles/style.css"
app = Flask(__name__)
@app.route("/")
def home():
return render_template("index.html", css_link = css_file)
然后在你的 head 標簽中添加：
<link rel="stylesheet" href="{{css_link}}" type="text/css"/>
不要忘記添加身體標簽！
uj5u.com熱心網友回復：
您需要添加<body></body>到您的 html 檔案
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/454959.html