如何在 django 中链接我的 css、js 和图像文件链接

Posted 2023-02-23

【中文标题】如何在 django 中链接我的 css、js 和图像文件链接

【英文标题】：How to link my css, js and image file link in django

【发布时间】：2016-07-24 21:17:25

【问题描述】：

我是 Django 1.9.5 的新手，使用 windows 作为我的平台。我在将我的 css、图像和 js 链接到 django 模板时遇到问题，

这是我的项目结构

这是我的设置页面

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__))) PROJECT_DIR = os.path.dirname(__file__) STATIC_ROOT = os.path.join(BASE_DIR, 'static') STATIC_URL = '/静态/' STATICFILES_DIRS = ( os.path.join(BASE_DIR, 'statics'), ) MEDIA_ROOT = os.path.join(BASE_DIR, 'media') MEDIA_URL = '/媒体/'

这是我的主 url.py 页面

从 django.conf 导入设置 从 django.conf.urls 导入包含，url 从 django.conf.urls.static 导入静态 从 django.contrib 导入管理员 从 django.contrib.staticfiles.urls 导入 staticfiles_urlpatterns 网址模式 = [ url(r'^admin/', admin.site.urls), 网址（r'^mysite/'，包括（'myapp.urls'））， # (r'^media/(?P.*)$', 'django.views.static.serve', # 'document_root': settings.MEDIA_ROOT), url(r'^media/(?P.*)$', 'django.views.static.serve', 'document_root': settings.MEDIA_ROOT, 'show_indexes': True), ] + 静态（settings.MEDIA_URL，document_root=settings.MEDIA_ROOT） urlpatterns += staticfiles_urlpatterns()

这是我的基本 html 模板

Github 链接My project in github 我已经尝试了所有可能的组合，但在 2 天内失败了。 任何帮助都将被占用，我将不胜感激 谢谢

【问题讨论】：

请先尝试格式化代码，然后只有我们才能回答您的问题..

请再看一遍，我的代码已经格式化了

浏览器控制台显示的错误是什么？

如果您发布代码本身而不是其图像会更好。

请再次查看我已经发布了必要的代码，谢谢

【参考方案1】：

    % load staticfiles %

    <link rel="stylesheet" type="text/css" href="% static 'pathtostaticfile' %" />

您可以使用 statcfiles 标签来加载您的静态文件。 pathtostaticfile 是你的静态文件

更多细节 https://docs.djangoproject.com/en/1.9/intro/tutorial06/

【讨论】：

我之前也遇到过同样的问题，我把css文件放到静态文件夹之后就可以了。

【参考方案2】：

首先在

中添加以下代码

urls.py 使用这个库

from django.contrib.staticfiles.urls import staticfiles_urlpatterns

urlpatterns += staticfiles_urlpatterns()

添加以下代码 settings.py

STATIC_URL = '/static/'
STATICFILES_DIRS= [os.path.join(BASE_DIR,'assets'),] # this variable have been created for  adding static resourcess

在模板（html）文件中，您将首先加载

% load static %

<link rel="stylesheet" href=" % static '/boostrap4.4/bootstrap.min.css' %">
     <link rel="stylesheet" href=" % static '/fontawesome-free-5.12.1-web/css/all.css' %">
     <link rel="stylesheet" href=" % static '/css/style.css' %">