如何在 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= "{{ url_for('static',filename='styles/mainpage.css') }}">

此路徑指示 Flask 在「static/styles/mainpage.css」位置搜尋 CSS 檔案。

透過遵循此文件結構和模板語法，您可以成功地將外部 CSS 文件連結到您的 Flask 應用程序，確保正確的樣式。

以上是如何在 Flask 應用程式中正確連結外部 CSS 檔案？的詳細內容。更多資訊請關注PHP中文網其他相關文章！