Статика не загружается

@SKRIPTONAT · Регистрация: 20.07.2022

Студворк — интернет-сервис помощи студентам

Создаю простенькй сайт портфолио, загрузил статтику Юрл, Путь к статику проверил. Но когда захожу в тестовый сервер то шаблоны не подключается? Я уже не знаю что делать

html

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.1.0/remixicon.min.css">
    <link rel="stylesheet" href="style.css">
    <title>Portfolio1</title>
</head>
<body>
    <nav>
        <ul class="nav-links">
            <li class="link"><a href="#">О сайте</a></li>
            <li class="link"><a href="#">Блог</a></li>
            <li class="link"><a href="#">Обратная связь</a></li>
            <!-- <li class="link"><a href="#">Войти</a></li> -->
        </ul>
        <button class="btn">Авторизация</button>
    </nav>
    <header class="container">
        <div class="content">
            <span class="blur"></span>
            <span class="blur"></span>
            <!-- <h4>Барлығын мүмкіндігінше қарапайым етіп жасау керек. Бірақ бұл оңай емес.</h4> -->
            <H1>Тест</H1>
            <p>
                Мен тек Backend пен Data 
                engineering оқып білім 
                алып жатырмын
            </p>
            <!-- <button class="btn">Узнать больше</button> -->
            </div>
            <div class="image">
                <img src="header.png", width="600">
 
            </div>
    </header>
 
    <header class="container1">
        <div class="content1">
            <span class="blur1"></span>
            <span class="blur1"></span>
            <!-- <h4>Барлығын мүмкіндігінше қарапайым етіп жасау керек. Бірақ бұл оңай емес.</h4> -->
            <H1>Бұл кім?</H1>
            <p>
                Hello world
         
 
            </p>
            <!-- <button class="btn">Узнать больше</button> -->
            </div>
    </header>[XML][/XML]
    </header>
 
 
    <script src="script.js"></script>
</body>
</html>

css code:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wdth,wght@73.4,481&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
*{
    padding: 0;
    margin: 0;
    outline: none;
    border: none;
    box-sizing: border-box;
}
a{
    text-decoration: none;
}
html{
    font-family: 'Noto Sans';
    font-size: 22px;
    background-color: #ffff;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}
body {
    font-family: 'Noto Sans';
    font-size: 22px;
    background-color: #ffff;
}
nav{
    max-width: 1200px;
    margin: auto;
    padding: 2rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
 
}
 
.nav-links{
    list-style: none;
    display: flex;
    align-items: center;
    gap: 3rem;
}
.link a{
    position: relative;
    padding-bottom: 0.75rem;
    color: #000000;
}
 
.link a::after{
    content: "";
    position: absolute;
    height: 2px;
    width: 0;
    bottom: 0;
    left: 0;
    background-color: #1d4ed8;
    transition: all 0.3s ease;
}
.link a:hover::after {
    width: 70%;
}
.btn{
    padding: 1rem 2rem;
    font-size: 1rem;
    color: #000000;
    background-color: #1d4ed8;
    cursor: pointer;
    transition: all 0.3s ease;
}
.btn:hover{
    background-color: #1e40af;
}
.container{
    max-width: 1200px;
    margin: auto;
    padding: 11rem 1rem;
 
}
.blur{
    position: absolute;
    box-shadow: 0 0 1000px 50px #1d4ed8;
    z-index: -100;
}
 
header {
    position: relative;
    padding-top: 2rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 2rem;
}
header .content h1 {
    color: #000000;
    margin-bottom: 1rem;
    font-size: 3rem;
    font-weight: 700;
    line-height: 4rem;
}
 
.container .content p {
    margin-bottom: 2rem;
    color: #000000;
}
 
header .image{
    position: relative;
}
 
.container1{
    max-width: 1200px;
    margin: auto;
    padding: 13rem 1rem;
 
}
header .content1 h1 {
    color: #000000;
    margin-bottom: 1rem;
    font-size: 3rem;
    font-weight: 700;
    line-height: 4rem;
    /* padding: 2rem 30rem; */
 
 
}
.container1 .content1 p {
    color: #000000;
    padding: 3rem 0rem;
    margin-bottom: 3rem;
}

@kazak · 21.02.2024, 21:41

Папку static перенесите в корень проекта (в вашем случае django/asetik), либо дополнительно пропишите путь в STATICFILES_DIRS https://docs.djangoproject.com... FILES_DIRS

@Onet1me · 25.02.2024, 18:50

Какая версия джанго? Настроен ли Nginx на раздачу статики. Откройте панель разработчика, вкладка Network какая ошибка для статики

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .

@kazak 3602 / 2743 / 355 Регистрация: 11.03.2009 Сообщений: 6,304
	21.02.2024, 21:41
	Папку static перенесите в корень проекта (в вашем случае django/asetik), либо дополнительно пропишите путь в STATICFILES_DIRS https://docs.djangoproject.com... FILES_DIRS 0

@Onet1me 60 / 44 / 18 Регистрация: 05.03.2019 Сообщений: 313
	25.02.2024, 18:50
	Какая версия джанго? Настроен ли Nginx на раздачу статики. Откройте панель разработчика, вкладка Network какая ошибка для статики 0