Django 在模板中引用静态文件

最新推荐文章于 2024-08-28 22:18:24 发布

fangsi1994_

最新推荐文章于 2024-08-28 22:18:24 发布

阅读量1.5k

点赞数 2

分类专栏： Django

本文链接：https://blog.csdn.net/fangsi1994_/article/details/100048002

版权

本文介绍了如何在Django项目中处理和引用静态文件，如在模板中加载staticfiles标签以引用静态目录中的图片，例如<img src="/static/images/im_1.jpg" alt="Picture of web" />。同时，文章提醒了放置{% load staticfiles %}可能导致的DOCTYPE前的空白问题，以及引用不存在文件时Django开发服务器的HTTP 404错误反馈。

摘要由CSDN通过智能技术生成

我们已经做好设置，Django 项目能处理静态文件了。现在可以在模板中利用静态文件改进外观及增添功能了

打开 index.html 模板，参照下述代码修改。为了方便查找，新增的行旁边有注释。

<!DOCTYPE html>
{% load staticfiles %} <!-- 新增 -->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Web</title>
</head>
<body>
    <h1>Web says...</h1>
    <div>
        hey there partner!<br />
        <strong>{
  { boldmessage }}</strong><br />
    </div>
    <div>
        <a href="/myblog/about/">About</a><br />
        <img src="{% static "images/im_1.jpg" %}"
             alt="Picture of web" /> <!-- 新增 -->
    </div>
</body>
</html>

新增的第一行（ {% load staticfiles %} ）告诉 Django 模板引擎，我们将在模板中使用静态文件。这样便可以在模板中使用 static

板标签引入静态目录中的文件。

static &