很抱歉提出这样一个基本问题,但是我被困住了,无法弄清楚我在做什么错。我正在使用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"/>上做错了什么,但我不知道是什么。似乎如此令人眼花obvious乱,但还没有样式加载!

最佳答案

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

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


http://flask.pocoo.org/docs/0.10/tutorial/folders/

关于python - 需要基本的帮助来修复Flask应用程序中的外部CSS样式表路径,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31396419/

10-10 01:28