Alguien me puede ayudar con esto. No me Cargan las imágenes en GitHub Pages! Debería verse así. Pero me sale así. Aqui esta la <a href=...

Jeffer Steven Nuñez Aragon

Jeffer Steven Nuñez Aragon

Pregunta
studenthace 4 años

Alguien me puede ayudar con esto.

No me Cargan las imágenes en GitHub Pages!

Debería verse así.

Screenshot_1.png

Pero me sale así.

Screenshot_2.png

Aqui esta la pagina!

Y

Aqui esta el repositorio

5 respuestas
para escribir tu comentario
    Jeffer Steven Nuñez Aragon

    Jeffer Steven Nuñez Aragon

    studenthace 4 años

    Thanks for your help

    @david_fb. Y Profe @juandc.

    Al final lo soluciones cambiando la direccion por el url de github.

    Ya se que es mejor tener mis imagenes guardas en internet para proyectos como este.

    David Fernando Basto Martinez

    David Fernando Basto Martinez

    studenthace 4 años

    Hola, intenta cambiando la ruta de las imágenes así background-image: url(../../assets/Img/logo.png);

    Juan Castro

    Juan Castro

    teacherhace 4 años

    Qué bonito te está quedando, por cierto. :clap:

    Juan Castro

    Juan Castro

    teacherhace 4 años

    Todas tus imágenes están aquí: https://jefersonsteven.github.io/math-aplication-JS/public/assets/Img/logo.png

    Pero en tus líneas de código CSS (como esta: https://github.com/Jefersonsteven/math-aplication-JS/blob/main/public/styles/dist/style.css#L61) llamas las imágenes desde

    /public/assets/Img/
    .

    Esto en tu configuración de desarrollo local puede funcionar, pero en GitHub Pages ese primer

    /
    no hace referencia a
    https://jefersonsteven.github.io/math-aplication-JS/
    , sino a
    https://jefersonsteven.github.io/
    .

    Ya que subiste las imágenes a GH Pages, lo que podrías hacer es escribir directamente la URL de GitHub Pages en tu código CSS para llamar a las imágenes.

    ¿Es la mejor idea? Para nada. Pero GitHub Pages tampoco es para nada el mejor lugar para guardar tus imágenes. Para este experimento lo veo bien. :D

Curso Práctico de JavaScript

Curso Práctico de JavaScript

Aprende desarrollo web con JavaScript. Practica los fundamentos de la programación para crear algoritmos que resuelven problemas en la vida real. Convierte problemas en algoritmos con JavaScript y expande su poder integrando HTML interactivo. Descubre el potencial de programar sitios web con JavaScript junto a tu profesor JuanDC.

Curso Práctico de JavaScript
Curso Práctico de JavaScript

Curso Práctico de JavaScript

Aprende desarrollo web con JavaScript. Practica los fundamentos de la programación para crear algoritmos que resuelven problemas en la vida real. Convierte problemas en algoritmos con JavaScript y expande su poder integrando HTML interactivo. Descubre el potencial de programar sitios web con JavaScript junto a tu profesor JuanDC.