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/ 仅用于渲染模板，不对外提供访问。

✅ 正确做法如下：

1. 创建 static 文件夹并移动 CSS 文件
   将你的项目结构调整为：

   your_project/
   ├── app.py
   ├── templates/
   │   └── home.html
   └── static/
       └── style.css   ← 关键：CSS 必须在此目录下

2. 在 home.html 中使用 Flask 的 url_for() 生成安全路径
   替换原来的 <link href="assets/style.css" ...> 为：

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

   ⚠️ 注意：url_for('static', ...) 是 Flask 提供的模板函数，会自动解析为 /static/style.css 这样的有效 URL；直接写 assets/style.css 或 ./style.css 在 Flask 中无效，因为这些路径不匹配 Flask 的静态文件服务规则。

3. 确保 app.py 配置正确（你已做对）
   你已正确设置了 template_folder="templates"，无需额外修改：

   from flask import Flask, render_template
   app = Flask(__name__, template_folder="templates")

4. 完整修正后的 home.html 示例（关键部分）：

   

   html-deploy

   使用 htmlcode.fun 将 HTML 内容或文件部署到网页，适用于用户要求“部署到网页”“托管此 HTML”“生成此前端...的实时链接”等场景。

   下载

   立即学习“前端免费学习笔记（深入）”；

   <!DOCTYPE html>
   <html>
   <head>
       <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="{{ url_for('static', filename='style.css') }}" rel="stylesheet" type="text/css">
   </head>
   <body>
       <header>
           <h1>Welcome to My Site</h1>
       </header>
       <!-- 其他内容 -->
   </body>
   </html>

? 验证是否生效：
启动 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 字体，样式真正生效。