Question

我正在尝试通过将Bootstrap中的文件夹复制并粘贴到静态文件夹来将Bootstrap与Django集成。但是我无法访问Bootstrap.css文件。它显示404错误。我做了文档所说的一切，但是没运气。我正在使用django 2.x，但我也尝试了/ static和<％static％>。

.
├── blackowl
│   ├── blackowl
│   │   ├── admin.py
│   │   ├── apps.py
│   │   ├── __init__.py
│   │   ├── migrations
│   │   │   └── __init__.py
│   │   ├── models.py
│   │   ├── __pycache__
│   │   │   ├── __init__.cpython-36.pyc
│   │   │   └── views.cpython-36.pyc
│   │   ├── tests.py
│   │   └── views.py
│   ├── __init__.py
│   ├── __pycache__
│   │   ├── __init__.cpython-36.pyc
│   │   ├── settings.cpython-36.pyc
│   │   ├── urls.cpython-36.pyc
│   │   └── wsgi.cpython-36.pyc
│   ├── settings.py
│   ├── urls.py
│   └── wsgi.py
├── db.sqlite3
├── index.html
├── manage.py
├── static
│   ├── bootstrap
│   │   ├── css
│   │   │   └── bootstrap.min.css
│   │   └── js
│   │       └── bootstrap.min.js
│   ├── css
│   │   ├── Login-Form-Dark.css
│   │   └── styles.css
│   ├── fonts
│   │   ├── ionicons.eot
│   │   ├── ionicons.min.css
│   │   ├── ionicons.svg
│   │   ├── ionicons.ttf
│   │   └── ionicons.woff
│   ├── img
│   │   └── star-sky.jpg
│   └── js
│       └── jquery.min.js
└── templates
    └── index.html

settings.py

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))

STATIC_URL = '/static/'

index.html

     <!DOCTYPE html>
    {% load static %}
header
     <link rel="stylesheet" href="{% static '/fonts/ionicons.min.css' %}">

图片

background: #475d62 url("{% static 'img/star-sky.jpg' %}");

Answer 1

您的静态文件必须位于开发模式下的应用程序级别目录中。 Django将在开发模式下提供静态文件时在相应的应用程序目录中查找

在您的情况下，将静态目录移动到blackowl/blackowl。

<link rel="stylesheet" href="{% static 'fonts/ionicons.min.css' %}">

从位于CSS提供静态文件css/styles.css：

使用静态文件的相对路径。

 background: #000 url(../img/star.png);

将您的静态文件存储在应用程序中名为static的文件夹中。例如my_app / static / my_app / example.jpg。

此处managing static files

涵盖的文档

集成引导程序和Django

1 个答案: