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

【问题标题】：How to link my css, js and image file link in django如何在 django 中链接我的 css、js 和图像文件链接
【发布时间】：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 天内失败了。任何帮助都将被占用，我将不胜感激谢谢

【问题讨论】：

请先尝试格式化代码，然后只有我们才能回答您的问题..
请再看一遍，我的代码已经格式化了
浏览器控制台显示的错误是什么？
如果您发布代码本身而不是其图像会更好。
请再次查看我已经发布了必要的代码，谢谢

标签： python css django

【解决方案1】：

    {% load staticfiles %}

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

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

【讨论】：

我之前也遇到过同样的问题，我把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' %}">

【讨论】：