如何在 Django 中使用 Bootstrap 类导航栏品牌添加自定义图像作为徽标？

Question

非常感谢您的支持。我是 Django 和 Bootstrap 的新手。

当我下载一个引导模板时，它带有一个 logo.png。如果我用下面的代码指向这个图像，一切正常

<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 并指向那个。该网站不显示徽标。

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

请问我错过了什么？ 请帮帮我。

Answer 1

如果您使用的是生产服务器，那么：

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

执行collectstatic 后，您应该能够启动服务器并且链接中的图像应该是test.png。

这都是 Django，与 Bootstrap 无关。

编辑：dirkgroten 指出了几种处理静态文件的方法，here 进行了解释。请注意开发服务器和生产服务器之间的区别。