首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >django-photologue未加载CSS

django-photologue未加载CSS
EN

Stack Overflow用户
提问于 2018-08-25 00:31:15
回答 1查看 53关注 0票数 1

我已经设置了django-photologue,并且我正在尝试让它加载默认模板。我可以加载HTML文件,但它不会加载任何CSS (主要是引导程序)

当访问photologue时,我在控制台上得到以下错误:

代码语言:javascript
复制
Not Found: /photologue/gallery/css/bootstrap.min.css
[24/Aug/2018 13:42:52] "GET /photologue/gallery/css/bootstrap.min.css HTTP/1.1" 404 7311

这对我来说很奇怪,因为我几乎可以肯定css文件是存在的。

这是包含CSS文件的django代码(取自照片示例项目):

代码语言:javascript
复制
<link href="{{ STATIC_URL }}css/bootstrap.min.css" rel="stylesheet" media="screen">

生成的HTML是:

代码语言:javascript
复制
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">

无论我把CSS文件放在哪里,我都会得到一个404错误。

我在myapp/template/ photologue中有照片模板,因为无论出于什么原因,它都是有效的。

我那里的HTML运行得很好,但是CSS就是不能加载。不是在照片模板目录中它自己的子文件夹中,不是作为myapp tempaltes目录中的一个子文件夹,不是作为独立文件,不是当我将它们放在静态文件夹中时……我已经尝试将它们放在每个可能的位置并重新加载站点,结果没有什么不同。

我该怎么做才能让我的模板正确加载并查看CSS文件?

编辑: settings.py:https://pastebin.com/kRj21j3m

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-08-25 00:36:27

这里的问题是您的服务器正在查找您的css文件:

/photologue/gallery/css/bootstrap.min.css

它实际上并不存在,因此出现了404错误(未找到文件/页面)。如果您正在使用基本的Django指令来设置项目,则很可能您的静态文件位于以下位置:

/static/css/bootstrap.min.css

请确保您的settings.py文件中包含以下内容:

代码语言:javascript
复制
STATIC_ROOT = os.path.join(BASE_DIR, 'public', 'static')
STATIC_URL = '/static/'

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static'),
)

我还怀疑您可能希望在您的base.html文件(或您扩展的任何模板)中包含以下内容:

代码语言:javascript
复制
{% load static %}

然后在你的模板的头脑中:

代码语言:javascript
复制
<link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet" media="screen">
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52008505

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档