如何在 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 站点不显示徽标。
- 我尝试将 test.png 调整为与 logo.png
相同
- 我尝试在我的系统上使用其他图像
- 只有模板附带的默认徽标和图像有效。
请问我错过了什么?
请帮助我。
如果您使用的是生产服务器,那么:
您需要使用 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。注意开发服务器和生产服务器的区别。
非常感谢您 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 站点不显示徽标。
- 我尝试将 test.png 调整为与 logo.png 相同
- 我尝试在我的系统上使用其他图像
- 只有模板附带的默认徽标和图像有效。
请问我错过了什么? 请帮助我。
如果您使用的是生产服务器,那么:
您需要使用 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。注意开发服务器和生产服务器的区别。