如何把css，js文件发布到服务器上flask

html-css07

如何把css，js文件发布到服务器上flask,第1张

flask的静态文件是位于应用的 /static 中的

你可以直接在html 模板中引用该路径，如下：

<link href="/static/css/demo.css" rel="stylesheet" type="text/css" />

url_for 构造路径

当然，也可使用 url_for 构造，代码如  url_for("static",filename="css/demo.css")

更改上述代码及模板文件，再次运行并查看

当所有的结束时，用户通过单击页面顶部的注销链接注销，该链接向视图发送GET请求/logout：

@app.route('/logout', methods=['GET']) def logout():

session.pop('username', None)

flash('Logged out.')

return redirect(url_for('index'))

这username将从session对象中删除并将访问者带回主页。

以下内容是从本教程所基于的Flask教程中借用的（经过一些修改）。这是style.css位于的文件/blog/static。

body { font-family: sans-serifbackground: #eee}

a , h1 , h3 { color: #377ba8}

h1 , h2 , h3 { font-family: 'Georgia', serifmargin: 0}

h1 , h2 { border-bottom: 2px solid #eeepadding: 3px}

h3 { padding: 3px}

dd { display: blockmargin-left: 0px}

dl { font-weight: bold}

a :visited { color: #800080}

.page { margin: 2em autowidth: 35emborder: 5px solid #cccpadding: 0.8embackground: white}

.posts { list-style: nonemargin: 0padding: 0}

.posts li { margin: 0.8em 1.2em}

.posts li h2 { margin-left: -1em}

.metanav { text-align: rightfont-size: 0.8empadding: 0.3emmargin-bottom: 1embackground: #fafafa}

.flash { background: #cee5F5padding: 0.5emborder: 1px solid #aacbe2}

.error { background: #f0d6d6padding: 0.5em}