###実現したい事
htmlの<head></head>に記述した、
<link rel="stylesheet" href="{% static 'css/blog.css' %}">
を実行させ、htmlとは別の階層（通常だったら href="../../static/css/blog.css"）にあるCSSファイルを読み込ませたい。
###前提
Djangogirlsの「CSSでカワイくしよう！」（https://tutorial.djangogirls.org/ja/css/）に則り作成している。
cssファイルの内容を完成させた後にgithubにプッシュし、pythonanywhereのbashコマンドでgit pullした後にwebページを確認すると、装飾がされていなかった。
###発生している問題・エラーメッセージ
その装飾がされなかったwebページを開きデベロッパーツールからコンソールでエラーを確認したところ、
Refused to apply style from 'http://zeropenguin.pythonanywhere.com/static/blog.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled. Refused to apply style from 'http://zeropenguin.pythonanywhere.com/static/blog.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
と、同様のエラー表示が２つ出ていた。
以下に問題のcssファイルを貼る。
css
1/* 文字の装飾 */2h1 a, h2 a {3 color: #C25100;4 font-family: 'Lobster';5}6 7/* 余白の追加 */8body {9 padding-left: 15px;10}
###試したこと
エラー表示の解決策を検索したところ、表示されているエラーの内容はtype = text/htmlへの内容だが、実際は相対パスがおかしい事が原因であると分かりました。よって相対パスを
href="../../static/css/blog.css"
にしましたが、読み込まれませんでした。
###補足情報
今回のコードがあるgithubのリモートのURL
https://github.com/zero-penguin/my-first-blog
pythonanywhereによるwebページのURL
http://zeropenguin.pythonanywhere.com/
0 コメント