Django图像css

Posted

技术标签:

【中文标题】Django图像css【英文标题】:Django image 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 不幸的是这不起作用。 您是否将此模板用作扩展模板 【参考方案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' % "

【讨论】:

以上是关于Django图像css的主要内容,如果未能解决你的问题,请参考以下文章

Django 在 css 文件中使用背景图像的方法

在 Django 中加载 CSS/图像

如何在 django 中链接我的 css、js 和图像文件链接

Django 在生产中找不到通过 CSS 文件链接的图像

如何从 css django 1.11.x 中的模型设置图像?

Django CMS 动态图像