外部 css 文件在 Flask 框架中不起作用答案

【问题标题】：external css file doesn't work in Flask framework外部 css 文件在 Flask 框架中不起作用
【发布时间】：2016-05-08 20:10:45
【问题描述】：

我正在尝试在我的 html 文件中使用外部 css 文件。起初我使用引导框架，它运行良好。但是，当我尝试通过添加自定义的 css 文件来自定义网页时，它根本不起作用！这是我的代码：

    <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css">
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="custom.css" type="text/css">

custom.css：

body{
background-color: #9acfea;}

这里我只是想改变背景颜色。

'custom.css' 与 HTML 文件位于同一路径下。另外，我尝试只应用“custom.css”，所以我创建了一个新的 HTML 文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="custom.css" type="text/css"/>
</head>
<body>
    hello
</body>
</html>

它也不起作用。我糊涂了。为什么引导 css 文件可以完美运行，而自定义文件却不行？顺便说一句，我正在使用 Flask 框架，但我认为这并不重要。任何建议将不胜感激！

【问题讨论】：

添加 CSS 的完整路径。请参阅 - 引导文件使用完整路径。
是的，使用 Flask 可能很重要。它不是 PHP。 Flask 可以在 templates 文件夹中包含 HTML 文件，但浏览器将其视为不同的文件夹。 Flask 使用route 更改此路径。但它不会改变静态文件的路径。
阅读 Flask 中的 static files。
@furas 非常感谢！你的回答对我很有帮助！

标签： python html css twitter-bootstrap

【解决方案1】：

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

【讨论】：