应将 css 路径改为 static/css/styles.css，并统一为所有静态资源（js、图片、favicon）添加 static/ 前缀；flask 需显式指定 static_folder 和 template_folder 路径；nginx 必须配置 location /static/ 代理；推荐使用 url_for('static', filename='...') 替代硬编码路径。
post.html 中 CSS 路径写成 css/styles.css 导致 404
浏览器请求的是 /post/css/styles.css（相对当前 URL 解析），而 Flask 只响应 /static/xxx 下的静态文件。这和 index.html 能加载成功形成鲜明对比——后者用了正确的 static/css/styles.css。
直接改掉就行：
- 把
<link href="css/styles.css">换成<link href="static/css/styles.css"> - 所有同类引用统一处理：图片、JS、favicon 都要加
static/前缀，比如static/js/main.js、static/assets/logo.png - 别依赖“相对路径能跑通”——Flask 不按 HTML 当前位置解析，它只认
/static/这个固定入口
Flask 实例没指定 static_folder 和 template_folder
如果你的 app.py 或 backend.py 在子目录里（比如 backend/backend.py），但 static/ 和 templates/ 实际在项目根目录，那默认配置会找错地方。
现象是：本地开发时页面空白或样式全丢，curl http://localhost:5000/static/css/styles.css 返回 404。
修复方式（用 os.path 定位真实路径）：
- 计算项目根目录：
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__))) - 初始化 Flask 时显式传入：
Flask(__name__, template_folder=os.path.join(BASE_DIR, 'templates'), static_folder=os.path.join(BASE_DIR, 'static')) - 确保
render_template('index.html')不带templates/前缀——函数参数只是文件名，不是路径
生产环境 Nginx 没代理 /static/ 路径
本地 flask run 能加载 CSS，但部署到公网后全挂了，大概率是 Nginx 没把 /static/ 请求转给 Flask，而是自己去文件系统找——结果找不到。
典型错误配置：location / { proxy_pass http://127.0.0.1:8000; }，漏掉了静态资源路由。
必须补上这一段（放在 server 块里）：
location /static/ {
alias /path/to/your/project/static/;
expires 1h;
}
-
alias后路径末尾要加斜杠，且必须指向真实文件系统路径（不是 URL 路径） - 别用
root+/static/，容易多拼一层目录导致 404 - 如果用了
static_url_path='/mystatic'初始化 Flask，Nginx 的location也要同步改成/mystatic/
硬编码路径 vs url_for('static', filename=...)
用 static/css/style.css 能快速修好，但长期维护建议切到 url_for。
原因不是“更高级”，而是防踩坑：
- 如果以后改了
static_url_path（比如换成/assets/），硬编码全得手动搜替换 - 某些部署场景（如子路径部署
/blog/）下，url_for会自动补前缀，硬编码会断 - 模板里写成
<link href="%7B%7B%20url_for('static',%20filename='css/style.css')%20%7D%7D">即可，不需要额外 import -
'static'是 Flask 内置端点名，不能写错；filename是相对于static/目录的路径，不带开头斜杠
最麻烦的从来不是写错一行路径，而是路径在开发环境跑得通、测试环境没问题、上线后突然集体失效——往往就卡在静态资源这一环。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
