Link Static files like CSS, JS and images in django

How to link css, js and images in Django ?

To link the static files i.e. the css, js and images files, first we need to create a folder with the name "static" in the main directory of our project.

Now create your folders like css, js and images inside the static folder.

We have to tell django where we have kept our static files. Open your settings.py file and paste the below code :

Now we have successfully added the static files in our project. Now lets link it in our files. To link the static files, we need to load it at the top of the page and then use it in the page as shown below:

As shown above, we can use the static files by using the static in the tags followed by the path inside the static folder.

Note : Always remember to add the {% load static %} on top of the page to use the static files in the current file.