Question

很抱歉提出这样一个基本问题，但我被困住了，无法弄清楚我做错了什么。我正在使用Flask开发一个小型网站，在此过程中自学网络编码。

我有以下文件结构：

mathsoc
    mathsoc.py
    mathsoc/templates
        mathsoc.css
        mathsoc_main.html

我的mathsoc.py看起来像这样：

from flask import Flask, render_template
    app = Flask(__name__)

@app.route("/")
def main_page():
    return render_template('mathsoc_main.html')

if __name__ == "__main__":
    app.run(debug=True)

然后mathsoc_main.html看起来像这样：

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" type="text/css" href="mathsoc.css"/>
    <title>Some Title</title>
</head>

<body>
<div id="content">
Hello World!
</div>
</body>
</html>

mathsoc.css看起来像这样：

#content {
    width:46em;
    background-color: yellow;
}

但mathsoc_main.html找不到样式表，它出现：它不会将任何定义的属性应用于内容。我猜我正在做<link rel="stylesheet" type="text/css" href="mathsoc.css"/>的错误，但我不知道是什么。它似乎非常明显，但没有加载样式！

Answer 1

更改文件夹结构以包含静态文件夹。

mathsoc
    mathsoc.py
    templates
        mathsoc_main.html
    static
        mathsoc.css

请参阅http://flask.pocoo.org/docs/0.10/tutorial/folders/

需要在Flask应用程序中修复外部CSS样式表路径的基本帮助

1 个答案: