如何在 Django 中使用 Bootstrap class navbar-brand 添加自定义图像作为徽标?

How to add custom image as Logo with Bootstrap class navbar-brand in Django?

非常感谢您 support.I 我是 Django 的新手并且 Bootstrap。

当我下载一个 bootstrap 模板时,它附带了一个 logo.png.If 我用下面的代码指向这张图片一切正常

<a href="#" class="navbar-brand">
    <!-- Logo Image -->
    <img src="{% static '/img/logo.png' %}" width="100" alt="" class="d-inline-block align-middle mr-2">
    <!-- Logo Text -->
    <span class="text-uppercase font-weight-bold">Brand Name</span>
</a>

但是,如果我将自定义图像 (test.png) 放在同一个文件夹中呢? logo.png 并指向 that.The 站点不显示徽标。

  1. 我尝试将 test.png 调整为与 logo.png
  2. 相同
  3. 我尝试在我的系统上使用其他图像
  4. 只有模板附带的默认徽标和图像有效。

请问我错过了什么? 请帮助我。

如果您使用的是生产服务器,那么:

您需要使用 python manage.py collectstatic 将新图像放入提供静态文件的目录中。您在项目 settings.py.

STATIC_ROOT 设置中指定的目录

执行 collectstatic 后,您应该可以启动服务器,并且 link 中的图像应该是 test.png.

这都是Django,与Bootstrap无关。

编辑:如dirkgroten points out several ways of dealing with static files are explained here。注意开发服务器和生产服务器的区别。