3
respostas

CSS não carrega, apenas as imagens são renderizadas

Poderiam me ajudar?

https://github.com/BIAVET2000/Alura-space

3 respostas

Você pode criar um bloco de style.

Dentro da template base


...
<head>
    {% block styles %}
    {% endbock %}
</head>

Dentro do arquivo que você deseja adicionar o css, basta chamar esse bloco.


{% block styles %}
    <link rel="stylesheet" href="{% static 'css/style.css' %}">
{% endblock %}

Obrigada, Lucas, mas fiz conforme você sugeriu e continua só renderizando as imagens :-(

Por nada! Não cheguei a olhar o git antes de postar.

Porém dei uma olhada no seu git e notei que não tem a pasta static dentro do app.

E também seu STATICFILES_DIRS está apontando para um local inexistente.

Solução 1: Criar a pasta static dentro do app e colocar o css lá dentro.

Solução 2: Mudar o local do seu STATICFILES_DIRS para algo como mainStatic(static já está sendo usado pelo STATIC_URL)


STATIC_URL = 'static/'

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'mainStatic') //Sua pasta static deverá se chamar mainStatic
]

E fazer do jeito que comentei acima para linkar o css e as imagens.

Caso tenha mais curiosidade sobre o assunto:

https://docs.djangoproject.com/en/4.1/howto/static-files/