Github генерирует кривую ссылку на файл

Структура проекта:
Снимок экрана 2023-02-21 162450

В main.js написано:

const font = new Font("./../textures/font.png");

На локальном сервере всё работает. Если залить на гитхаб и задеплоить - там уже не работает. Текстура не грузится. В консоли браузера ошибка: GET https://blackmightyravendark.github.io/textures/font.png 404.
Оно и понятно. Ссылка же нифига не правильная.
Должна быть такая ссылка: https://blackmightyravendark.github.io/wegbl_spheres_js/textures/font.png. То есть, должна включать название проекта.
А почему он так коряво генерирует ссылку?
До этого на курсах уже три страницы сверстали и всё норм было.

Почему должно быть /wegbl_spheres_js? Локально сервер находится выше папки проекта что ли?
Ну а гитхаб логично, что не знает об этом если репозиторий внутри wegbl_spheres_js.

А, да, там адрес вида юзер.github.io/репа

Видимо надо ./ убрать или добавить имя проекта.

Может Font что-то делает с адресом и получается / без .?

https://htmlacademy.ru/blog/html/links

уже методом тыка натыкал. Надо писать вообще без точек и слеша. Только не понятно почему :thinking: Видимо, в скриптах JS пути как-то не так работают, как в HTML и CSS :man_shrugging:
Но есть ещё фигня. Он favicon тоже не от-туда пытается загрузить:
Снимок экрана 2023-02-22 170040
Так ведь точно не должно быть :dizzy_face: Не я же favicon прописываю, а оно само.

Его просто браузер ищет там, он ж не знает как сайт устроен. Если указать самому, то будет искать там, где надо.
Вообще он там вполне может быть если создать репозиторий с именем <username>.github.io https://pages.github.com/

Ну так надо смотреть что класс Font делает. Это ж не стандартный класс.

Он просто обращается к файлу по указанному пути.

А разве рутом сайта не должно являться <username>.github.io/<projectname>/? :thinking:

Браузер это как узнать должен? Ему по всем / вверх идти и искать иконку? На текущей странице форума их было бы 4. А еще может кто-то любит папки images, icons, assets.
Он просто проверяет нет ли в корне, это самое распространенное, и обычно у сайтов одна иконка на весь сайт.
На github.io тоже можно сделать сайт без /<projectname> если юзер с именем <username> создаст репозиторий с именем <username>.github.io.

Но для меня корнем является папка с проектом. Я же не могу ничего складывать выше неё :man_shrugging: Получается, нельзя установить свою иконку для каждого задеплоенного репозитория?

https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel#icon