Flask как подключить CSS

Для подключения CSS файлов в Flask можно использовать функцию url_for для создания ссылки на файл в шаблоне HTML. Например, если у вас есть файл style.css в папке static/css, то вы можете подключить его следующим образом:

<!DOCTYPE html>
<html>
 head>
    <title>My Flask App</title>
   link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
  </head>
 body>
    <h1>Hello, World!</h1>
  </body>
</html>

Здесь мы использовали функцию url_for для создания ссылки на файл style.css в папке static/css. Затем мы использовали тег link для подключения этого файла к нашему HTML шаблону.

Обратите внимание, что папка static должна находиться в корневой папке вашего проекта Flask. Если вы хотите использовать другую папку для хранения статических файлов, вы можете указать ее в параметре static_folder при создании объекта приложения Flask:

from flask import Flask

app = Flask(__name__, static_folder='my_static_folder')

Здесь мы указали, что папка my_static_folder должна использоваться для хранения статических файлов. Теперь вы можете использовать функцию url_for для создания ссылок на файлы в этой папке:

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

Обратите внимание, что мы добавили параметр _external=True, чтобы создать абсолютную ссылку на файл. Это может быть полезно, если вы хотите использовать Flask в качестве API, а ваше приложение находится на другом домене или поддомене.