Приложение не собирает файл .css (фляга / питон)

Я создаю шаблон, который я пытаюсь создать с помощью внешней таблицы стилей. Структура файла следующая.

/app - app_runner.py /services - app.py /templates - mainpage.html /styles - mainpage.css 

mainpage.html выглядит так

 <html> <head> <link rel= "stylesheet" type= "text/css" href= "../styles/mainpage.css"> </head> <body> <!-- content --> 

Ни один из моих стилей не применяется. Имеет ли это что-то общее с тем, что html является шаблоном, который я представляю? Питон выглядит так.

 return render_template("mainpage.html", variables..) 

Я знаю, что это работает, потому что я все еще способен отображать шаблон. Тем не менее, когда я попытался переместить мой код стиля из блока «style» в теге «head» html во внешний файл, все стили исчезли, оставив голую страницу html. Кто-нибудь видит ошибки в моей файловой структуре?

У вас должна быть установка «статической» папки (для файлов css / js), если вы специально не переопределите ее во время инициализации Flask. Я предполагаю, что вы не переопределили его.

Структура вашего каталога для css должна быть такой:

 /app - app_runner.py /services - app.py /templates - mainpage.html /static /styles - mainpage.css 

Обратите внимание, что каталог / styles должен находиться под / статическим

Затем сделайте это

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

Теперь флажок будет искать файл css под static / styles / mainpage.css

В шаблонах jinja2 (в которых используется колба), используйте

 href="{{ url_for('static', filename='mainpage.css')}}" 

Однако static файлы обычно находятся в static папке, если они не настроены иначе.

Я почти уверен, что он похож на шаблон Laravel, так я и сделал.

 <link rel="stylesheet" href="/folder/stylesheets/stylesheet.css" /> 

Направлено: проблема с файловой системой CSS

Приложение с простой флягой, которое считывает его содержимое из файла .html. Внешняя таблица стилей заблокирована?