Hice un sitio, alojado en la twig gh-pages. Puede visitar el sitio aquí: https://pacxiu.github.io/RetroPSD/
también enlace al repository https://github.com/pacxiu/RetroPSD
El problema es que no muestra todas las imágenes. Sé que Linux distingue entre mayúsculas y minúsculas, pero ¿por qué entonces se pueden encontrar algunas imágenes? Enlace, por ejemplo, imágenes de background. También SVG con icons en la parte inferior del sitio. También se encuentra la primera image de la camera Kodak, pero luego obtuve 404: /
Su directory de images
está almacenado en el directory RetroPSD
y, sin embargo, los reference con una ruta relativa que busca el directory de images
en su raíz.
Por ejemplo, lo que dice su HTML (en la página de inicio):
../images/icons/tv.svg
Que se convierte (después de la resolución):
https://pacxiu.github.io/images/icons/tv.svg
El ..
refiere al directory principal.
Lo que quieres es:
images/icons/tv.svg
o mejor aún hazlo relativo desde la raíz (para que funcione en todas las páginas):
/RetroPSD/images/icons/tv.svg
En index.html, todas tus img src tienen '../images/[name of image]'
, el .. al inicio significa upload un directory, pero la carpeta de imágenes está en la misma carpeta que el file index.html . El sitio está buscando una carpeta de imágenes en el lugar equivocado debido a ../
, para solucionar esto solo necesita replace las ../images
con images/
.