我的CSS和圖像未顯示Django

Question

我正在學習Django，由於某種原因，我的CSS和圖像未顯示。 我感覺好像我在HTML文件中做錯了什么。 我認為我的文件已被正確收集，因為當我在瀏覽器中插入http://127.0.0.1:8000/static/images/python-logo@2x.png ，我看到了圖像。

這是我的項目樹：

mysite
  \articles
       \static
       \articles
           \css
  \static
       \images
       \css
           default.css
       \js 
  \assets
       \admin
       \images
           python-logo@2x.png
       \css
           default.css
  \templates
       base.html
  \settings.py

在我的settings.py

STATICFILES_FINDERS = (
    'django.contrib.staticfiles.finders.FileSystemFinder',
    'django.contrib.staticfiles.finders.AppDirectoriesFinder',
)

STATIC_ROOT = os.path.join(BASE_DIR, 'assets')

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

STATIC_URL = '/static/'

這是我的base.html

{% load staticfiles %}

<!DOCTYPE html>
<html lang="en">
<head>
    <title>{% block title %} My Base Template {% endblock %}</title>

    <link rel="stylesheet" type="text/css" href="{% static "css/default.css" %}">

</head> 

<body>
    <div id="page">
        <div id="sidebar">
            {% block sidebar %}
            <ul>
                <li><a href="/articles/all">Articles</a></li>
                <li><a href="/admin/">Admin</a></li>
            </ul>
            {% endblock %}  
        </div>  
        <div id="content">
            {% block content %}This is the content area{% endblock %}
            <img src="{% static "images/python-logo@2x.png" %}">
        </div>
    </div>

</body>
</html>

Answer 1

用尖括號關閉語法。 目前，它的頭部已被問號關閉。

Answer 2

首先，將rel屬性設置為“ stylesheet / less”鏈接您的.less樣式表。

<link rel="stylesheet/less" type="text/css" href="styles.less" />

接下來，下載less.js，並將其包含在頁面元素中的標記中：

<script src="less.js" type="text/javascript"></script>

Answer 3

正如我在Reddit帖子中提到的，您需要將/assets目錄添加到STATICFILES_DIRS 。

我不確定為什么您的assets和static文件位於不同的目錄中（並且您可能要考慮合並這些資產），但是這應該是當前問題的適當解決方案。

Answer 4

嘗試一下：

在settings.py中

更換

STATIC_ROOT = os.path.join(BASE_DIR, 'assets')

有了這個：

STATIC_ROOT = ''

並在模板文件中

更換

{% load staticfiles %}

在模板中有了這個。

{% load static %}

注意：將資產文件夾的內容放入靜態文件夾中。

我的CSS和圖像未顯示Django

問題描述

4 個解決方案

解決方案1
1 2014-04-10 05:47:51

解決方案2
1 2014-04-10 06:00:30

解決方案3
1 2014-04-10 07:51:13

解決方案4
1 2014-04-10 08:00:05

我的CSS和圖像未顯示Django

問題描述

4 個解決方案

解決方案1 1 2014-04-10 05:47:51

解決方案2 1 2014-04-10 06:00:30

解決方案3 1 2014-04-10 07:51:13

解決方案4 1 2014-04-10 08:00:05

解決方案1
1 2014-04-10 05:47:51

解決方案2
1 2014-04-10 06:00:30

解決方案3
1 2014-04-10 07:51:13

解決方案4
1 2014-04-10 08:00:05