2016-08-09 55 views
0

Ich habe fast jede Lösung über Django CSS, JS, Bilder Datei nicht geladen nachgeschlagen. Ich denke jedoch, dass mein Projekt etwas anderes ist.Django 1.8 CSS unvollständig geladen

Ich möchte eine RWD-Site machen, aber es funktioniert nicht auf dem kleinen Bildschirm. Kein Menü, keine Änderung der Vorlage.

Ich kann sehen, das CSS funktioniert, ist aber nicht vollständig. image description here

Ich versuche alles, was ich finden kann Lösungen. Ich verwechsle mit der statischen Datei und Pfad, was die richtige Ebene ist.

Here is my project path Image

Ich versuche, so viele Methoden und ich diejenigen, die nicht wirklich beteiligt zu halten, den Code sauber für jemand löschen kann mir helfen.

settings.py

TEMPLATES = [ 
    { 
     'BACKEND': 'django.template.backends.django.DjangoTemplates', 
     'DIRS': [os.path.join(BASE_DIR, 'templated-EX').replace('\\', '/')], 
     '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', 
      ], 
     }, 
    }, 
] 

... 

STATIC_URL = '/static/' 

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

STATIC_DIRS = [ 
    ('css',os.path.join(STATIC_ROOT,'css').replace('\\','/')), 
    ('js',os.path.join(STATIC_ROOT,'js').replace('\\','/')), 
    ('images',os.path.join(STATIC_ROOT,'images').replace('\\','/')), 
    # ('upload',os.path.join(STATIC_ROOT,'upload').replace('\\','/')), 
    ] 
STATICFILES_DIRS = (os.path.join(BASE_DIR, 'static'),) 

index.html

{% load staticfiles %} 

<!DOCTYPE HTML> 
<!-- 
    Ex Machina by TEMPLATED 
    templated.co @templatedco 
    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license) 
--> 
<html> 
    <head> 
     <title>Ex Machina by TEMPLATED</title> 
     <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
     <meta name="description" content="" /> 
     <meta name="keywords" content="" /> 
     <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:700italic,400,300,700' rel='stylesheet' type='text/css'> 
     <!--[if lte IE 8]><script src="{% static "js/html5shiv.js" %}"></script><![endif]--> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<script src="/static/js/skel.min.js"></script> 
     <script src="/static/js/skel-panels.min.js"></script> 
     <script src="/static/js/init.js"></script> 

     <link rel="stylesheet" href="/static/css/skel-noscript.css" /> 
     <link rel="stylesheet" href="/static/css/style.css"/> 
     <link rel="stylesheet" href="/static/css/style-desktop.css"/> 

Auch habe ich versucht, etwas hinzufügen zu urls.py. Es konnte auch nicht verbessert werden.

Ich bin neu in Django und muss etwas Wichtiges verloren haben. Ich bin ein paar Tage geblieben.


Update 0810

OK, Jungs,

Ich glaube, ich bin mehr klar bekommen als zuvor. Ich versuche, eine andere Vorlage herunterzuladen und ein neues Projekt zu erstellen. Wiederholen Sie den Vorgang.

Neues Projekt ist gut! Also ist das Verfahren richtig.

Ich überprüfe die ursprüngliche Vorlage, die ich erwähnt habe, die mit meiner etwas anders ist. Der Unterschied ist HTML und CSS.

Original-CSS in index.html

<noscript> 
      <link rel="stylesheet" href="{% static "css/skel-noscript.css" %}"/> 
      <link rel="stylesheet" href="{% static "css/style.css" %}"/> 
      <link rel="stylesheet" href="{% static "css/style-desktop.css" %}"/> 
</noscript> 

Es funktioniert nicht, wenn Sie <noscript></noscript> in dem HTML-Code verwenden. Vielleicht habe ich <noscript></noscript> gelöscht, weil Django damit nicht laufen konnte.

Antwort

0

Versuchen Sie href in html wie folgt zu ändern:

<link rel="stylesheet" href="{{STATIC_URL}}css/skel-noscript.css" /> 

Lassen Sie mich wissen, wenn dies nicht funktioniert.

Bearbeiten: Was sind Ihre BASE_DIR-Einstellungen? Können Sie mit folgenden Einstellungen versuchen.

# Static Files 
STATIC_ROOT = join(os.path.dirname(BASE_DIR), 'staticfiles') 
STATICFILES_DIRS = [join(os.path.dirname(BASE_DIR), 'static'), ] 
STATIC_URL = '/static/' 
STATICFILES_FINDERS = (
    'django.contrib.staticfiles.finders.FileSystemFinder', 
    'django.contrib.staticfiles.finders.AppDirectoriesFinder', 
) 
+0

nein, es immer noch unvollständig. [Bild] (http://imgur.com/rTMZ1le) – Naxe

+0

Können Sie versuchen, die Frage oben zu beantworten? Versuchen Sie oben die bearbeitete Einstellung? – Kishan

+0

Ich versuche, die unten und bekommen 'STATIC_ROOT = join (os.path.dirname (BASE_DIR), 'Static') Nameerror: name 'join' ist defined' nicht – Naxe

0

Versuchen Sie dies in Ihrem Index.html Datei:

<!DOCTYPE HTML> 
{% load staticfiles %} 
<!-- 
    Ex Machina by TEMPLATED 
    templated.co @templatedco 
    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license) 
--> 
<html> 
    <head> 
     <title>Ex Machina by TEMPLATED</title> 
     <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
     <meta name="description" content="" /> 
     <meta name="keywords" content="" /> 
     <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:700italic,400,300,700' rel='stylesheet' type='text/css'> 
     <!--[if lte IE 8]><script src="{% static "js/html5shiv.js" %}"></script><![endif]--> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 

     <script src="{% static 'js/skel.min.js' %}" type="text/javascript"></script> 
     <script src="{% static 'js/skel-panels.min.js' %}" type="text/javascript"></script> 
     <script src="{% static 'js/init.js' %}" type="text/javascript"></script> 

     <link href="{% static 'css/skel-noscript.css' %}" rel="stylesheet"> 
     <link href="{% static 'css/style.css' %}" rel="stylesheet"> 
     <link href="{% static 'css/style-desktop.css' %}" rel="stylesheet"> 

Sie nicht richtig {% load staticfiles %} verwendet haben