本筆記同Template需要新增資料夾、設定settings.py
1.新增名為static的file於專案根目錄(同templates),static裡再創一個images file,放入一張圖片近該資料夾
2.設定settings,新增STATIC_DIR變數如下:
STATIC_DIR = os.path.join(BASE_DIR, "static")
新增STATICFILES_DIRS串列,串列中放入剛剛創的STATIC_DIR變數如下:
STATICFILES_DIRS = [
STATIC_DIR,
]
3.去瀏覽器輸入http://127.0.0.1:8000/static/images/xxx.jpg,將會顯示剛剛放的圖片
4.使用靜態檔案前必須在模板<html>之外加上以下:
{% load staticfiles %}
之後新增img tag
<img src="{% static "images/hp.jpg" %}" alt="me" >
完成
Django的靜態檔案也可以應用在css跟javascript,以css舉例:
1.在static資料夾新增css資料夾並放入css檔
2.模板加入如下
<link rel="stylesheet" type="text/css" href="{% static "css/mycss.css" %}">
完成
設定Media,settings.py新增如下:
MEDIA_DIR = os.path.join(BASE_DIR, 'media').replace('\\', '/')
設定Media,settings.py新增如下:
MEDIA_DIR = os.path.join(BASE_DIR, 'media').replace('\\', '/')
MEDIA_ROOT = MEDIA_DIR
MEDIA_URL = '/media/'
如果settings.py
DEBUG = False
runserver 指令要加上--insecure
如果settings.py
DEBUG = False
runserver 指令要加上--insecure
沒有留言:
張貼留言