Question

Here is the directory structure pf project.

mysite
  \media
  \static
       \images
       \css
           base.css
       \js 
  \templates
       base.html
  \settings.py #and other .py files

Now say if i have a file C:\mysite\static\css\base.css or an image C:\mysite\static\images\ball.png .How am i going to serve it using django development server. I know this is not the recomment way, but just in development i want this to work. I have read the docs and other answers on stackoverflow but they don’t seem to work. May be i am being confused by media and static and urlpatterns. I have spent hours trying to figure this out but still no luck.
I am new to django and all this seems to me just an overkill to get a css or image showing up.
What changes or editing do i need to make for this to work. How will i referece the image and css in template?

Answer 1

Here is the how to for static files from the Django documentation that takes you through the whole process step-by-step.

Add the following to your urls.py

from django.contrib.staticfiles.urls import staticfiles_urlpatterns

# ... the rest of your URLconf goes here ...

urlpatterns += staticfiles_urlpatterns()

Then ‘This view is automatically enabled and will serve your static files at STATIC_URL when you use the built-in runserver management command. … This will inspect your STATIC_URL setting and wire up the view to serve static files accordingly. Don’t forget to set the STATICFILES_DIRS setting appropriately to let django.contrib.staticfiles know where to look for files additionally to files in app directories.’

It is worth mentioning that this is most definitely inappropriate for deployment, but will work well for development.