All geek questions in one place

Django 1.8 static files not working

Im using Django version 1.8, my CSS, JS or images are not working, I really don't know why my project folder is like

Project Jetint Static CSS

My settings:

  DEBUG = True ALLOWED_HOSTS = [] # Application definition INSTALLED_APPS = ( 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', 'clients', 'front', ) MIDDLEWARE_CLASSES = ( 'django.contrib.sessions.middleware.SessionMiddleware', 'django.middleware.common.CommonMiddleware', 'django.middleware.csrf.CsrfViewMiddleware', 'django.contrib.auth.middleware.AuthenticationMiddleware', 'django.contrib.auth.middleware.SessionAuthenticationMiddleware', 'django.contrib.messages.middleware.MessageMiddleware', 'django.middleware.clickjacking.XFrameOptionsMiddleware', 'django.middleware.security.SecurityMiddleware', ) ROOT_URLCONF = 'jetint.urls' TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': ['jetint/templates'], 'APP_DIRS': True, 'OPTIONS': { 'context_processors': [ 'django.template.context_processors.debug', 'django.template.context_processors.request', 'django.contrib.auth.context_processors.auth', 'django.contrib.messages.context_processors.messages', ], }, }, ] WSGI_APPLICATION = 'jetint.wsgi.application' # Database # https://docs.djangoproject.com/en/1.8/ref/settings/#databases DATABASES = { 'default': { 'ENGINE': 'django.db.backends.mysql', 'NAME': 'bd', 'USER': 'bd', 'PASSWORD': 'xxxx', 'HOST': '', 'PORT': '', 'ATOMIC_REQUESTS': True } } TEMPLATE_DIRS = (BASE_DIR, 'jetint/templates') # Internationalization # https://docs.djangoproject.com/en/1.8/topics/i18n/ LANGUAGE_CODE = 'en-us' TIME_ZONE = 'UTC' USE_I18N = True USE_L10N = True USE_TZ = True # Static files (CSS, JavaScript, Images) # https://docs.djangoproject.com/en/1.8/howto/static-files/ STATIC_URL = '/static/' STATIC_ROOT = ( os.path.join(BASE_DIR, '/static/'), ) STATICFILES_DIRS = (STATIC_ROOT,)

and my base.html

 <!DOCTYPE html> <html lang="en"> <head> <title> - {% block title-section%}{% endblock %}</title> <meta charset="utf-8"> <meta name = "format-detection" content = "telephone=no" /> {# <link rel="icon" href="{{ STATIC_URL }}images/favicon.ico"> #} {# <link rel="shortcut icon" href="{{ STATIC_URL }}images/favicon.ico" /> #} {% load staticfiles %} <link rel="stylesheet" href="{{ STATIC_URL }}css/camera.css"> <link rel="stylesheet" href="{{ STATIC_URL }}css/stuck.css"> <link rel="stylesheet" href="{{ STATIC_URL }}css/style.css">

but nothing works, css, js files or images. please, help?

EDIT:

now my html looks like this:

 {% load staticfiles %} <!DOCTYPE html> <html lang="en"> <head> <title> Jet Internacional - {% block title-section%}{% endblock %}</title> <meta charset="utf-8"> <meta name = "format-detection" content = "telephone=no" /> {# <link rel="icon" href="{{ STATIC_URL }}images/favicon.ico"> #} {# <link rel="shortcut icon" href="{{ STATIC_URL }}images/favicon.ico" /> #} <link rel="stylesheet" href="{% static 'css/camera.css' %"> <link rel="stylesheet" href="{% static 'css/stuck.css' %"> <link rel="stylesheet" href="{{ % static 'css/style.css'%"> <script src="{{ STATIC_URL }}js/jquery.js"></script> <script src="{{ STATIC_URL }}js/jquery-migrate-1.1.1.js"></script> <script src="{{ STATIC_URL }}js/script.js"></script> <script src="{{ STATIC_URL }}js/superfish.js"></script> <script src="{{ STATIC_URL }}js/jquery.equalheights.js"></script> <script src="{{ STATIC_URL }}js/jquery.mobilemenu.js"></script> <script src="{{ STATIC_URL }}js/jquery.easing.1.3.js"></script> <script src="{{ STATIC_URL }}js/tmStickUp.js"></script> <script src="{{ STATIC_URL }}js/jquery.ui.totop.js"></script> <script src="{{ STATIC_URL }}js/camera.js"></script> <!--[if (gt IE 9)|!(IE)]><!--> <script src="{{ STATIC_URL }}js/jquery.mobile.customized.min.js"></script> <!--<![endif]--> <script src="{{ STATIC_URL }}js/jquery-ui-1.10.3.custom.js"></script> <script> $(document).ready(function(){ jQuery('#camera_wrap').camera({ loader: false, pagination: false , minHeight: '200', thumbnails: false, height: '25.625%', caption: false, navigation: true, fx: 'mosaic' }); $().UItoTop({ easingType: 'easeOutQuart' }); $('#stuck_container').tmStickUp({}); }); $(function() { jQuery( "#accordion" ).accordion({ collapsible: true, heightStyle: "content", }); }); </script> <!--[if lt IE 8]> {% comment %}<div style=' clear: both; text-align:center; position: relative;'> <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"> <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /> </a> </div>{% endcomment %} <![endif]--> <!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <link rel="stylesheet" media="screen" href="css/ie.css"> <![endif]--> </head> <body class="page1" id="top"> <!--============================== header =================================--> <header> <!--============================== Stuck menu =================================--> <section id="stuck_container"> <div class="container"> <div class="row"> <div class="grid_12"> <h1> <a href="/"> <img src="{% static 'images/logo-rif.png' %}" width="200px;" alt="Logo alt"> </a> </h1> <div class="header_socials"><a href="#" class="fa fa-facebook"></a><a href="#" class="fa fa-twitter"></a><a href="" CLASS="fa fa-instagram"></a> {# <a href="{% url 'registo_usuario' %}"> Registro </a> #} </div>

and my settings ...

 import os BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__))) # Quick-start development settings - unsuitable for production # See https://docs.djangoproject.com/en/1.8/howto/deployment/checklist/ # SECURITY WARNING: keep the secret key used in production secret! SECRET_KEY = 'm9y8koy5% cm4@ _=sk_hjlbl$z%mgj* 8dztu13@ )^zr(j* g@q0m ' # SECURITY WARNING: don't run with debug turned on in production! DEBUG = True ALLOWED_HOSTS = [] # Application definition INSTALLED_APPS = ( 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', 'clients', 'front', ) MIDDLEWARE_CLASSES = ( 'django.contrib.sessions.middleware.SessionMiddleware', 'django.middleware.common.CommonMiddleware', 'django.middleware.csrf.CsrfViewMiddleware', 'django.contrib.auth.middleware.AuthenticationMiddleware', 'django.contrib.auth.middleware.SessionAuthenticationMiddleware', 'django.contrib.messages.middleware.MessageMiddleware', 'django.middleware.clickjacking.XFrameOptionsMiddleware', 'django.middleware.security.SecurityMiddleware', ) ROOT_URLCONF = 'jetint.urls' TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': ['jetint/templates'], 'APP_DIRS': True, 'OPTIONS': { 'context_processors': [ 'django.template.context_processors.debug', 'django.template.context_processors.request', 'django.contrib.auth.context_processors.auth', 'django.contrib.messages.context_processors.messages', ], }, }, ] WSGI_APPLICATION = 'jetint.wsgi.application' # Database # https://docs.djangoproject.com/en/1.8/ref/settings/#databases DATABASES = { 'default': { 'ENGINE': 'django.db.backends.mysql', 'NAME': 'bd', 'USER': 'bd', 'PASSWORD': '...', 'HOST': '', 'PORT': '', 'ATOMIC_REQUESTS': True } } TEMPLATE_DIRS = (BASE_DIR, 'jetint/templates') # Internationalization # https://docs.djangoproject.com/en/1.8/topics/i18n/ LANGUAGE_CODE = 'en-us' TIME_ZONE = 'UTC' USE_I18N = True USE_L10N = True USE_TZ = True # Static files (CSS, JavaScript, Images) # https://docs.djangoproject.com/en/1.8/howto/static-files/ STATIC_URL = 'jetint/static/' STATIC_ROOT = os.path.join(os.path.dirname(BASE_DIR), 'static') STATICFILES_DIRS = ( os.path.join(os.path.dirname(BASE_DIR), 'static'), )
+6
source share
6 answers

Put {% load staticfiles %} at the very top of the html document.

Also try:

 STATIC_URL = '/static/' STATIC_ROOT = os.path.join(os.path.dirname(BASE_DIR), 'static') STATICFILES_DIRS = ( os.path.join(os.path.dirname(BASE_DIR), 'static'), )

- - - Edit :

In addition, to invoke static files in html templates, follow this format:

 <link href="{% static 'css/camera.css' %}" rel="stylesheet" media="screen">
+12
source

I had the same problem, but it was resolved.

I put this in my settings.py :

 STATICFILES_FINDERS = ( "django.contrib.staticfiles.finders.FileSystemFinder", "django.contrib.staticfiles.finders.AppDirectoriesFinder", ) STATICFILES_DIRS = ( os.path.join(BASE_DIR, "static"), )

Then I rebooted the test server.

+4
source

Put {% load staticfiles%} at the very top of the html document.

Call a static file as follows:

 <link href="{% static 'css/camera.css' %}" rel="stylesheet" media="screen">

In the settings, try using any of STATIC_ROOT or STATICFILES_DIRS.

 STATIC_URL = '/static/' STATIC_ROOT = os.path.join(os.path.dirname(BASE_DIR), 'static')

or

 STATIC_URL = '/static/' STATICFILES_DIRS = ( os.path.join(os.path.dirname(BASE_DIR), 'static'), )
+2
source

If BASE_DIR = /home/myUser/Project is your BASE DIR, then, as you added 'jetint' to your url template, you can try adding it to your statics, for example

 STATIC_URL = 'jetint/static/'

Or better yet, do BASE DIR = /home/myUser/Project/jetint

0
source

from django.conf import settings

 STATIC_URL = settings.STATIC_URL def index(request): return render(request, '*.html', {'STATIC_URL':STATIC_URL})

'' "Bad way '' '

0
source

Just add this to your settings.py with a “static” folder in the same place with manage.py

 STATICFILES_DIRS = (os.path.join(BASE_DIR, 'static'))
0
source

Source: https://habr.com/ru/post/986262/

More articles:


All Articles