Flask アプリケーションで外部 CSS ファイルを適切にリンクするにはどうすればよいですか?

Flask アプリケーションに CSS ファイルを組み込む方法

外部スタイル シートを使用して Flask アプリケーションでテンプレートをスタイル設定する場合、適切なファイルを理解することが重要です構造。このコンテキストでは、表示されるエラー メッセージは、アプリケーションが CSS ファイルを取得できないという問題を示しています。

ディレクトリ構造は次のようにファイルを編成する必要があります。

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

/styles ディレクトリが次のように構成されていることを確認してください。 /static 内にあります。

テンプレートでスタイル シートを指定するには、次を使用します構文:

<link rel="stylesheet" type="text/css" href="%7B%7B%20url_for('static',filename='styles/mainpage.css')%20%7D%7D">

このパスは、「static/styles/mainpage.css」の場所内で CSS ファイルを検索するように Flask に指示します。

このファイル構造とテンプレート構文に従うことで、外部 CSS ファイルを Flask アプリケーションに正常にリンクして、適切なスタイルを確保できます。

以上がFlask アプリケーションで外部 CSS ファイルを適切にリンクするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。