Django Academy · 课时

STATICFILES 与 static 标签

整理并引用您的资源

STATICFILES 与 static 标签 是 CoddyKit 上的免费 Django Academy 课时。这是第 1 节课，共 4 节。你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。这是 Django Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 Django Academy 课程共包含 4 节课。

本课时的部分内容尚未翻译，以英文显示。

What Static Files Are

Your CSS, JavaScript, and design images do not change per request. Django calls these static files and serves them separately from your Python views. 🎨

The static App

Django ships django.contrib.staticfiles in INSTALLED_APPS by default. It finds, collects, and serves your assets so you do not wire that up by hand.

INSTALLED_APPS = [
    'django.contrib.staticfiles',
]

Where Files Live

By convention you keep an app's assets inside a folder named static right next to its views and templates. Django scans every app for that folder.

blog/
  static/
    blog/
      style.css

Namespace Your Folder

Nest assets under a folder matching the app name, like static/blog/. This namespacing stops two apps from clobbering each other's style.css.

The STATIC_URL Setting

The STATIC_URL setting is the public path prefix browsers use to fetch assets. Requests starting with this prefix are routed to your static files.

STATIC_URL = '/static/'

Load the static Tag

To reference assets in a template, first load the tag library with load static at the very top of the file.

{% load static %}

Use the static Tag

The static tag turns a relative asset path into the correct full URL, so you never hardcode STATIC_URL into your HTML.

<link rel="stylesheet" href="{% static 'blog/style.css' %}">

Why Not Hardcode

If you wrote /static/blog/style.css by hand, changing STATIC_URL later would break every page. The static tag keeps your links flexible. ✅

Linking JavaScript

The same static tag works for any asset type. Point a script tag at a JS file and Django resolves the path for you.

<script src="{% static 'blog/app.js' %}"></script>

STATICFILES_DIRS

For project-wide assets that belong to no single app, add their folders to STATICFILES_DIRS and Django will search there too.

STATICFILES_DIRS = [BASE_DIR / 'assets']

Finders Do the Work

Behind the scenes, static finders walk every app's static folder plus STATICFILES_DIRS to locate the file a template asks for.

Quick Check

Let us check how you reference a static file in a template.

Recap

You learned that static files are your CSS and JS, that they live in namespaced static folders, and that the static tag builds their URLs cleanly. 🎉

常见问题解答

「STATICFILES 与 static 标签」课时是免费的吗？

是的 — 「STATICFILES 与 static 标签」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 Django Academy 课程的其余内容，请升级到 CoddyKit PRO。 Django Academy 课程共包含 4 节课。

「STATICFILES 与 static 标签」这节课中我会学到什么？

整理并引用您的资源你通过在浏览器中直接运行的动手代码来练习 Django Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 Django Academy 需要有经验吗？

无需任何先前经验。CoddyKit 上的 Django Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。这是第 1 节课，共 4 节。

「STATICFILES 与 static 标签」课时需要多长时间？

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。

我能在这节 Django Academy 课中编写并运行代码吗？

能。每节 Django Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

← 返回 Django Academy