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

Question

我是Django 1.9.5的新手，使用windows作为我的平台。我有一个问题连接我的css，图像和js到django templage，

这是我的项目结构

这是我的设置页面

    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 = '/static/'
    STATICFILES_DIRS = (
        os.path.join(BASE_DIR, 'statics'),
    )


    MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
    MEDIA_URL = '/media/'

这是我的主要网址。py页

    from django.conf import settings
    from django.conf.urls import include, url
    from django.conf.urls.static import static
    from django.contrib import admin
    from django.contrib.staticfiles.urls import staticfiles_urlpatterns

    urlpatterns = [
        url(r'^admin/', admin.site.urls),
        url(r'^mysite/', include('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}),
    ] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

    urlpatterns += staticfiles_urlpatterns()

这是我的基本html模板

Github链接我在Github中的项目我尝试了所有可能的组合，但在2天内失败了。任何帮助都会被占用，我会感谢你的

Answer 1

首先，在中添加以下代码

网址。请使用此库

from django.contrib.staticfiles.urls import staticfiles_urlpatterns

urlpatterns += staticfiles_urlpatterns()

在设置中添加以下代码。派克

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' %}">

Answer 2

    {% load staticfiles %}

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

您可以使用statcfile标记来加载静态文件。路径文件是您的静态文件

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