Почему на моем веб-сайте Flask не работает файл CSS? - PullRequest
0 голосов
/ 05 июня 2019

Я пытаюсь создать веб-сайт с помощью Flask, но мой HTML-файл работает, но мой CSS-файл не работает.Я попытался обновить свой кеш и использовать другие строки кода, которые другие опубликовали на похожие вопросы, но у меня ничего не получилось.

Это моя текущая иерархия проектов:

This is my current project hierarchy

У меня есть следующая строка кода в заголовке моего HTML-файла.

<link rel="stylesheet" href="{{ url_for('static', filename='css/mainpage.css') }}">

Я также получил этот код из другого вопроса о переполнении стека, так что я совершенно не понимаю, что я делаю неправильно.

Приложение не получает файл .css (колба / питон)

Заранее спасибо!

Ответы [ 2 ]

1 голос
/ 06 июня 2019

Я не смог продублировать вашу проблему с помощью следующего примера игрушки:

#!venv/bin/python
from flask import Flask
from flask import render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

if __name__ == '__main__':
    app.run(host='0.0.0.0', debug=True)

Мой макет каталога:

├── app.py
├── static
│   └── css
│       └── mainpage.css
├── templates
│   └── index.html
└── venv

Содержимое index.html:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="{{ url_for('static', filename='css/mainpage.css') }}">
<title>Page Title</title>
</head>
<body>

<h1>Page Heading</h1>
<p>A paragraph.</p>

</body>
</html> 

Содержимое mainpage.css:

body {
  background-color: powderblue;
}
h1 {
  color: blue;
}
p {
  color: red;
}
0 голосов
/ 05 июня 2019

Попробуйте добавить следующий фрагмент кода в раздел head

<link rel="stylesheet" type="text/css" href="/static/css/mainpage.css">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...