Flask 要求静态资源（如 CSS、JS、图片）必须存放在 static 文件夹中，并通过 url_for('static', filename=...) 动态生成路径，而非直接使用相对路径引用。
flask 要求静态资源（如 css、js、图片）必须存放在 `static` 文件夹中，并通过 `url_for('static', filename=...)` 动态生成路径，而非直接使用相对路径引用。
在 Flask 应用中，HTML 模板（.html）和静态文件（如 .css、.js）必须严格分离存放——这是 Flask 的核心约定。你当前将 style.css 放在 templates/ 目录下，会导致 Flask 无法正确提供该文件，因为 Flask 默认只从 static/ 目录提供静态资源，且 templates/ 仅用于渲染模板，不对外提供访问。
✅ 正确做法如下：
-
创建
static文件夹并移动 CSS 文件
将你的项目结构调整为：your_project/ ├── app.py ├── templates/ │ └── home.html └── static/ └── style.css ← 关键：CSS 必须在此目录下 -
在
home.html中使用 Flask 的url_for()生成安全路径
替换原来的<link href="assets/style.css" ...>为：<link href="%7B%7B%20url_for('static',%20filename='style.css')%20%7D%7D" rel="stylesheet" type="text/css">⚠️ 注意：
url_for('static', ...)是 Flask 提供的模板函数，会自动解析为/static/style.css这样的有效 URL；直接写assets/style.css或./style.css在 Flask 中无效，因为这些路径不匹配 Flask 的静态文件服务规则。 -
确保
app.py配置正确（你已做对）
你已正确设置了template_folder="templates"，无需额外修改：from flask import Flask, render_template app = Flask(__name__, template_folder="templates")
-
完整修正后的
home.html示例（关键部分）：<meta charset="UTF-8"><title>Home</title><!-- Google Fonts --><link href="https://fonts.googleapis.com/css?family=Raleway:400,600" rel="stylesheet" type="text/css"><!-- Flask-powered CSS link --><link href="%7B%7B%20url_for('static',%20filename='style.css')%20%7D%7D" rel="stylesheet" type="text/css"><header><h1>Welcome to My Site</h1> </header><!-- 其他内容 -->
? 验证是否生效：
启动 Flask 应用后，打开浏览器开发者工具（F12），切换到「Network」标签页，刷新页面，搜索 style.css —— 应能看到状态码 200 且响应内容为你的 CSS 规则。若显示 404，请检查文件路径是否拼写错误（如 static/Style.css 大小写不一致在 Linux/macOS 下也会失败）。
? 小贴士：
- 不要手动写
/static/style.css，始终使用{{ url_for('static', filename='...') }}—— 它支持配置自定义静态文件夹、URL 前缀（如 CDN），并避免硬编码路径带来的部署风险； - 若需组织更多静态资源，可在
static/下建子目录，例如static/css/style.css，此时filename写成'css/style.css'即可； - Flask 默认静态文件夹名为
static，无需显式配置static_folder，除非你主动更改过。
遵循这一结构与写法，你的 h1 标签将如期显示为 cadetblue 色、Times New Roman 字体，样式真正生效。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
