私はbase.htmlテンプレートを作成し、ヘッダにCSSファイルを挿入しようとしています。ページ内には、他のページがリンクされているときにはスタイリングが含まれていません。djangoは静的フォルダ内のCSSファイルを読み取れません
私は、ファイルをリンクするのとまったく同じ行を持つ2つのファイルbase.htmlを1つのcolor_choose.html他のstatistics.htmlを拡張しています。 color_choose.html作品とそれがナビゲートしたときに開く最初のページであり、他はここstatistics.html
あるbase.htmlです:ここ
<!DOCTYPE html>
<html lang="eng">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>ColorStore</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
{% block styles %} {%endblock%}
</head>
<body>
<div id="ColorFavor">
<div style="float: right;">
<h2 id="title" class="page-name">Color Picker</h2>
</div>
</div>
{% block navigation %}
{% endblock %}
{% block display %}
{% endblock %}
{% block modal %}
{% endblock %}
{% block scripts %}
{% endblock %}
</body>
</html>
は、アプリケーションファイル内のurls.pyです。
from django.urls import path
from . import views
urlpatterns = [
path('', views.ColorPageView.as_view(), name='color'),
path('statistics/',views.StatsPageView.as_view(), name='statistics'),
この
は、ファイル、CSSが適用されていると、他のファイルに同じテキストです:{% extends 'base.html' %}
{% block styles %}
<link rel="stylesheet" href="static/styles/main.css" type="text/css">
{% endblock %}
これはsettings.pyで一部です:
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')
私はちょうどそれのためにコメントを残して、できるだけ早くこの記事を編集します何をしないのです場合。
の前にスラッシュ「/」欠けているあなたはそれがスタイルシートを取得しようとするとブラウザが404ingされていることを意味するのですか? djangoの静的テンプレートタグhttps://docs.djangoproject.com/en/1.11/howto/static-files/#configuring-static-filesを使用すると便利です – kevswanberg