Приложение не собирает файл .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. Внешняя таблица стилей заблокирована?

Interesting Posts

SQLAlchemy упорядочивает, рассчитывая на отношение многих ко многим

Подключиться к базе данных в фляге, какой подход лучше?

Ошибка разблокировки типа при изменении моделей SqlAlchemy

Решение PyCharm – flask.ext.sqlalchemy vs flask_sqlalchemy

jsonify набор результатов SQLAlchemy в Flask

Задача кросс-домена Flask RESTful с методами Angular: PUT, OPTIONS

Flask / Apache submit кнопка для загрузки файлов

Проверка валидации в WTForms не обновляется, когда база данных

В чем смысл uWSGI?

Как развернуть приложение Flask в IIS 8 (Windows Server 2012)