2017年10月25日 星期三

Django - 靜態檔案筆記

本筆記同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_ROOT = MEDIA_DIR
MEDIA_URL = '/media/'

如果settings.py
DEBUG = False
runserver 指令要加上--insecure

沒有留言:

張貼留言