【问题标题】:Django image cssDjango图像css
【发布时间】:2021-09-26 18:24:09
【问题描述】:

我无法让 django 使用我的 css 文件。我已经对各种网站和教程进行了很多筛选,但没有运气。他们中的大多数人说要更改您的 STATICFILES_DIRS,而有些人根本没有提及。我已经尝试将其更改为几乎可以匹配我的 style.css 位置的所有变体,并将 css 文件复制并粘贴到一堆可能匹配“/static”但没有任何效果的位置!

对于我尝试过的 STATICFILES_DIRS:

os.path.join(BASE_DIR, 'static'),
os.path.join(BASE_DIR, 'static/store'),
os.path.join(BASE_DIR, 'staticfiles'),
os.path.join(BASE_DIR, 'staticfiles/store'),

我还手动找到了该文件并将该位置复制到一个字符串中,如下所示: '...桌面/项目/静态文件/商店',

我也尝试过类似地玩弄 STATIC_URL 和 STATIC_ROOT,但无济于事。

我的树是这样的:

project
    static
        store
            style.css
    staticfiles
        store
            style.css
    store
        static
            store
                style.css
        staticfiles
            store
                style.css   

还有我的模板:

{% load static %}
<!DOCTYPE html>

<html lang="en">
    <head>
    {% block head %}
    <link rel='stylesheet' type='text/css' href='{% static "store/style.css" %}'>
    {% endblock %}
    </head>
    <body>
        {% block body %}
        {% endblock %}
    </body>
</html>

我也尝试将模板中的静态更改为静态文件

我已经在这个问题上浪费了几个小时,又累又沮丧,请帮忙!

【问题讨论】:

  • 你能分享STATICFILES_DIRS的结果吗
  • 在你的href标签中删除“store”只加载style.css,因为你已经在你的settings.py中加入了目录
  • @bdbd 我已经分享了所有我用过的。我没有“结束”任何一个,因为它们都不起作用。
  • @Shreyash 不幸的是这不起作用。
  • 您是否将此模板用作扩展模板

标签: python css django django-templates jinja2


【解决方案1】:

您只需要一个名为“static”的文件夹,您可以在其中创建一个文件夹“store”,然后在其中粘贴您的“styles.css”。

在你的 settings.py 中

STATIC_URL = '/静态/' STATICFILES_URL = [
BASE_DIR / '静态', ]

你在你的html中引用它

{% 加载静态 %}

href="{% static 'store/styles.css' %} "

【讨论】:

  • 正是这个,即使在 settings.py 中
  • 成功了,很抱歉怀疑您的设置!非常感谢你让我这么头疼!
  • 很高兴听到
【解决方案2】:

感谢 Mcdonald Otoyo 发布解决方案!

您只需要一个名为“static”的文件夹,您可以在其中创建一个文件夹“store”,然后在其中粘贴您的“styles.css”。

在你的 settings.py 中

STATIC_URL = '/static/' STATICFILES_URL = [
BASE_DIR / 'static', ]

你在你的html中引用它

{% load static %}

href="{% static 'store/styles.css' %} "

【讨论】:

    猜你喜欢
    • 2017-06-22
    • 1970-01-01
    • 2012-12-11
    • 2019-04-28
    • 1970-01-01
    • 2022-01-18
    • 2013-07-31
    • 2012-02-16
    • 1970-01-01
    相关资源
    最近更新 更多