静态文件集合 - 徽标导航栏不显示

Question

我正在尝试在导航栏上显示图像（徽标）。

我的项目名为“mysite-project”（其中manage-py是），它包含应用程序“mysite”。

为了上传我的静态文件，我做了以下操作：

1) mysite-project/mysite/settings.py

我补充说：

STATIC_ROOT = os.path.join(BASE_DIR,"static")
STATIC_URL = '/static/'
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, '/static/')
]

2) 创建文件夹 static 并将我的 logo.png 添加到：

mysite-project/static/mysite-project/logo.png

3) mysite-project/templates/base.html

{% load staticfiles %}
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
      <a class="navbar-brand" href="{% url 'home' %}">

        <img src="{% static 'mysite/logo.png' %}" height=30 width=30 class="d-inline-block alighn-top" />
        Code of Conduct
      </a>
</nav>

4) 在 mysite-project/mysite/urls.py

from django.contrib import admin
from django.urls import path, include
from django.views.generic.base import TemplateView
from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    path('', TemplateView.as_view(template_name='home.html'), name='home'),
    path('admin/', admin.site.urls),
    path('users/', include('users.urls')),
    path('users/', include('django.contrib.auth.urls')),

] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

但是图片不显示。我认为我在文件夹的 settings.py 中有一些问题，但我找不到位置

Answer 1

问题出在您的 STATICFILES_DIRS 设置中。如果你加入一个有前导斜杠的路径，那么结果将“忽略”任何前面的参数，并且后面的所有内容都将相对于 root

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, '/static/')  # This will result in "/static/"
]


STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static')  # This will result in "<BASE_DIR>/static/"
]

STATIC_ROOT 是您要从中提供文件的目录，collect_static 将填充所有静态文件的目录，STATICFILES_DIRS 是 Django 将从中收集文件的目录。 STATICFILES_DIRS 不应包含 STATIC_ROOT。项目的通常布局是这样的

myproject/  # The root of your repo
    myproject/
        myapp/
            static/  # This is where you put app specific assets
                ...
        static/  # This is where you put your generic static assets. Add this to STATICFILES_DIRS
            ...
    static/  # This is STATIC_ROOT and where your files are served from after being collected

STATICFILES_FINDERS 的默认值将在STATICFILES_DIRS 和每个应用程序静态目录中查找。如果您使用的是 git，则应将 repo 根目录下的静态文件夹添加到 .gitignore