我的所有 html、css 和文件都在同一個模板文件夾中，所以我認為這不是問題。我是前端開發的新手，并且非常困惑......請幫助，這不是一個好的開始，哈哈！-- 我的 base.html 文件 --<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>{% block title %}{% endblock %}</title> <link rel="stylesheet" type="text/css" href="main.css"/></head><body> <nav class="navigation_bar"> <ul> <li> <a href="/about"><b>about page</b></a> </li> </ul> </nav> {% block content %}{% endblock %}</body></html>-- 主.css --@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600');body { text-align: center; font-family: 'Montserrat';}.navigation_bar a { text-decoration: none;}也許是我的css有問題？謝謝你！
1 回答
侃侃爾雅
TA貢獻1801條經驗 獲得超16個贊
我認為這里的問題出在你的服務器上，我假設你正在使用FlaskJinja語法，因為你在html文件中編寫Jinja語法，我認為問題是Flask找不到你的css文件。您需要準確地告訴它在哪里查找靜態文件，或者您可以創建一個路由器來處理文件請求，讀取文件并將它們發送回瀏覽器。
第一種方式
from flask import Flask, render_template
app = Flask(__name__,
static_url_path='',
static_folder='static',
template_folder='templates')
@app.route('/')
def main_page():
return render_template("index.html")
"static"所以現在 Flask 會在你需要創建它的文件夾中查找你的靜態文件，然后將你的靜態文件放在那里，包括你的 css 文件，并保持你的 html 文件不變，不要更改你的 css 文件的路徑來包含文件夾名稱，因為 Flask 會像在腳本的當前目錄中一樣提供它。
第二種方式
from flask import Flask, render_template, request, Response
app = Flask(__name__)
@app.route('/')
def main_page():
return render_template("index.html")
@app.route('/css')
def giveCSS():
fileContent = ""
file_name = request.args.get("name")
if(file_name):
file = open("css/" + file_name + ".css", "r")
for line in file:
fileContent += line
return Response(fileContent, mimetype='text/css')
我假設你有其他css文件，你需要更改html文件中css文件的路徑以包含查詢，/css/name=main并且css文件可能位于一個名為的文件夾中，"css"當然你可以更改任何你不喜歡的名稱，但請確保去照顧。
- 1 回答
- 0 關注
- 106 瀏覽
添加回答
舉報
0/150
提交
取消