Django顯示圖像並使用外部CSS和Javascript

Question

我想在我的html頁面中顯示圖像。我試圖在模板中顯示圖像，但沒有顯示。我給代碼給下面檢查它是否正確，並給出一些想法。

userreg(project name) 
|-- media 
|-- images 
| |-- linkedin.png 
| 
|-- registration(APP) 
| |--TEMPLATES 
| 
|--URLS.PY 
|--SETTINGS.PY 


SETTINGS.PY 

CURRENT_DIR = os.path.dirname(os.path.abspath(__file__)) 
STATIC_ROOT = os.path.join(CURRENT_DIR, 'static') 
STATIC_URL = '/var/www/userreg/static/' 

TEMPLATES 

<img src="{{ MEDIA_URL }}images/linkedin.png" /> 

檢查其是否正確並清除以上代碼中的錯誤。舉個例子，在html模板中添加外部css和javascript

Answer 1

MEDIA_URL應該用於提供用戶上傳的內容和用於提供靜態文件，STATIC_URL可以使用。試試下面的設置

STATICFILES_DIRS = (
    os.path.join(CURRENT_DIR, 'media'), 
) 

STATIC_ROOT = 'static/' 

STATIC_URL = '/static/' 

且模板中

<img src="{{ STATIC_URL }}images/linkedin.png" /> 
<link type="text/css" href="{{ STATIC_URL }}css/style.css" /> 
<script type="text/javascript" src="{{ STATIC_URL }}js/jquery-1.8.3.min.js"></script>