在 Django 中加载静态文件

2024-01-02

我尝试了大约 2 个小时来找出为什么我的 django 静态文件没有加载。 这是我在 settings.py 中的静态文件配置:

STATIC_URL = '/static/'
MEDIA_URL = '/media/'
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static_in_env')]
STATIC_ROOT = os.path.join(BASE_DIR, 'static')
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

这是我的 base.py 的一部分:

{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'styles/bootstrap4/bootstrap.min.css' %}">
<link href="{% static 'plugins/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css'%}%">

这是我的目录树:

D:.
├───.vscode
├───blog
│   ├───migrations
│   │   └───__pycache__
│   └───__pycache__
├───courses
│   ├───migrations
│   │   └───__pycache__
│   └───__pycache__
├───lingua
├───main
│   ├───migrations
│   │   └───__pycache__
│   └───__pycache__
├───pia
│   └───__pycache__
├───posts
│   ├───migrations
│   │   └───__pycache__
│   └───__pycache__
├───static
│   ├───admin
│   │   ├───css
│   │   │   └───vendor
│   │   │       └───select2
│   │   ├───fonts
│   │   ├───img
│   │   │   └───gis
│   │   └───js
│   │       ├───admin
│   │       └───vendor
│   │           ├───jquery
│   │           ├───select2
│   │           │   └───i18n
│   │           └───xregexp
│   ├───images
│   ├───js
│   ├───plugins
│   │   ├───easing
│   │   ├───font-awesome-4.7.0
│   │   │   ├───css
│   │   │   ├───fonts
│   │   │   ├───less
│   │   │   └───scss
│   │   ├───OwlCarousel2-2.2.1
│   │   ├───parallax-js-master
│   │   ├───progressbar
│   │   └───video-js
│   └───styles
│       └───bootstrap4
├───static_in_env
└───templates
    ├───blog
    ├───courses
    ├───main
    └───posts

您能帮我找出静态文件不起作用的原因吗?


Your STATICFILES_DIR看起来不对。

尝试这个:

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
YOURAPP_DIR = os.path.join(BASE_DIR, 'yourapp')

STATIC_URL = '/static/' 

STATICFILES_DIR = [
    os.path.join(YOURAPP_DIR, 'static')
]

Where yourapp是您的应用程序的名称(不是您的项目)。

现在在您的模板上,您可以像这样访问它们:

{% load static %}

<link src="{% static 'someFile.css' %}">

如果您有一个名为css在你的里面static文件夹,您可以像这样访问该文件夹中的文件:

<link src="{% static 'css/someFile.css' %}">
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 Django 中加载静态文件 的相关文章

  • 模型形式中的值错误

    我正在使用模型表单来获取播放列表及其项目 它还包含登录脚本 我正在尝试将当前登录的用户设置为用户模型 你可以看看我之前发过的这篇文章如何避免这个下拉组合框 https stackoverflow com questions 8763612
  • 计算 Django 查询集中的多个字段

    我有一个代表两个用户之间交易的模型 如下所示 class Transaction models Model buyer models ForeignKey Person on delete models SET NULL null True
  • 如何正确编写 CSS 属性选择器来提取所有 id 属性?

    情况 我目前正在尝试在 VBA 中使用语法重现属性选择器 attr 来自给出的 CSS 选择器练习here https www w3schools com cssref trysel asp 选择器旨在根据给定属性的值选择元素 预期结果 在
  • 如何在不使用 Flexbox 的情况下水平对齐元素?

    有没有一种方法可以在不使用的情况下将 Web 组件彼此相邻对齐Flexbox 我知道它是一个很棒的工具 但不幸的是它不适用于 IE 9 或 10 我希望链接内的文本显示在图像旁边 JSFiddle 显示了工作代码 但是使用 FlexBox
  • 使用 javascript 加载不同的 CSS 样式表

    我需要使用 javascript 根据正在传递的 URL 变量加载不同的样式表 场景是这样的 我们需要使用一个 CSS 样式表和一个不同的样式表来维护一个移动网站 当通过 iOS 应用程序中加载的 Web 视图访问该页面时 该样式表将用于设
  • 带有 selectInputs 的 DT 数据表在选择后重置回左侧

    我在 Shiny 应用程序的 DT 数据表的列中使用 selectInputs 感谢一些帮助here https stackoverflow com questions 74620665 vertically center selectin
  • 更改打开的下拉菜单上向上箭头的颜色

    我正在使用 twitter bootstrap 2 0 1 我正在尝试更改下拉菜单的颜色 我已经设法改变了本身掉落的容器的颜色 但是我似乎找不到箭头来自哪里 有人知道我在哪里可以找到箭头来自的代码 以及如何更改它的颜色 箭头代码可以在lin
  • 如何防止 Bootstrap Navbar Toggle 下推内容?

    我将 Bootstrap 与静态顶部导航栏一起使用 如下所示
  • 如何在网页上显示进度条直到网页完全加载?

    我想在网页中显示进度条 加载弹出窗口 直到页面完全加载 我的网页很重 因为它包含一个 HTML 编辑器 这是一个基于 jQuery 的 HTML 编辑器 需要很多时间才能完全加载 在加载时 我希望在页面上显示一个进度条 该进度条将在整个页面
  • 我可以跳过 HTML5 中“style”标签中的属性“type”吗? [复制]

    这个问题在这里已经有答案了 根据W3学校 http www w3schools com tags tag script asp 我可以跳过属性type对于标签script在 HTML5 中 Evidence HTML 4 01 和 HTML
  • 样式表与 标记上的 TITLE 属性中断? [复制]

    这个问题在这里已经有答案了 我正在帮助升级一个非常旧的公司内部网 我们的用户使用的是 IE8 和 IE9 我们的大多数网站都是为 IE5 IE9 编写的 我们即将将所有人升级到 IE11 但试点人员发现了大量兼容性问题 未来几个月将会有大量
  • django ajax POST 上出现 405 错误

    我有一个带有整数字段的模型 该字段会在用户单击时增加 就像 投票 按钮一样 该按钮仅显示在详细视图上 为了增加投票计数 它发送一个 ajax POST 问题是 django 即使在执行视图之前也会返回 405 方法不允许 错误 可能是什么原
  • 使用 CSS 创建互锁的不规则边框

    我有一个由 4 个 互锁 div 组成的布局 如下所示 我想在 顶部 和 底部 位周围放置边框 以使最终布局如下所示
  • 如何将-webkit-gradient应用到IE上?

    我有以下 CSS 代码 webkit gradient linear left bottom left top from 5AE to 036 Chrome 中的背景显示效果非常好 Internet Explorer 仅显示白色背景 我尝试
  • Django Tastypie 高级过滤:如何使用 Q 对象进行复杂查找

    我有一个基本的 Django 模型 例如 class Business models Model name models CharField max length 200 unique True email models EmailFiel
  • 为什么 Chrome 80 会导致这个 grid-template-rows: auto 问题

    有人知道最新的 Chrome 80 更新有什么变化吗 似乎 grid template rows auto 即使标记中不存在给定行 从现在开始也会占用一些空间 仅发生在 Chrome 80 上 l page display grid gri
  • 如何使CSS背景图像响应? [复制]

    这个问题在这里已经有答案了 好的 所以我遇到了这个使背景图像响应的解决方案 响应式 CSS 背景图片 https stackoverflow com questions 12609110 responsive css background
  • 使用 div 代替 table 进行布局

    我想知道什么方法最好将表格布局替换为 div 我自己也尝试过一些 但它让我的 4x4 div 非常混乱 我猜当有经验做这样的事情时 这并不是很难完成 但我对 div 都是新手 并试图学习这一点 看看这个并分享您对表格是否应该保持原样或者是否
  • Django 自引用关系?

    我正在尝试创建模型页面 页面也应该能够有 子页面 我的模型代码如下使Python崩溃 http pastie org private butthk1aaeb3pmh7mmag1g在我的Mac python 2 6 1 和Ubuntu 10
  • 重复背景图像被切断

    我有一个容器 DIV 它随着内容的高度而缩放 它有一个背景图像 可以重复向下形成图案 问题是重复的背景图像在 div 底部被切断 有没有办法让背景图像不被切断 这是代码 http jsfiddle net WkEKD 7 http jsfi

随机推荐