Django 1.8.2 靜態資源連結(CSS、圖片等)

    1. 确认django.contrib.staticfiles 包含在你的INSTALLED_APPS 中。

      螢幕快照 2017-11-19 下午12.05.10.png

    2. 在你的settings 文件中定义STATIC_URL,例如:

      STATIC_URL = '/static/'
      BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
      STATICFILES_DIRS = (
       os.path.join(BASE_DIR, "static"),
      )
      

      螢幕快照 2017-11-19 下午12.07.07.png

    3. 在模板中,你可以硬编码/static/images/myexample.jpg 这样的URL,或者使用static 模板标签以及配置的STATICFILES_STORAGE为给出的相对路径创建URL(这使得换成CDN 来保存静态文件更加容易)。

      {% load staticfiles %}
      <img src="{% static "images/test.jpg" %}" alt="My image"/>
      
      or
      http://....../static/images/test.jpg
    4. 資料夾結構如下:

e89ea2e5b995e5bfabe785a7-2017-11-19-e4b88be58d8812-33-03.png

參考專案:DjangoForWulab

參考文獻:http://python.usyiyi.cn/translate/django_182/howto/static-files/index.html

Add a Comment

發佈留言必須填寫的電子郵件地址不會公開。