diadia

趣味のプログラムを書く 

static fileを表示させる方法

staticの設定方法は前回書いた。

Django Static file の設定方法(settings.py) - diadia

次にhtmlにどのように書けばファイルが反映されるかを整理したい。

必要な要素は2点。
staticを宣言すること(実際には何も分かっていない)
画像、CSSのパスを書くこと


staticを宣言すること、は<!DOCTYPE html>よりも上に{% load static %}と書くことだ。

次にパスを書く。こんな感じ

CSSの場合、headに記載(bootstrapの一番下に記載)

<link rel="stylesheet"  href="{% static "hoge_holder/hoge.css" %}">
<img src= "{% static "hoge_holder/hoge.jpg" %}" class="img-fluid/>