wake-up-neo.net

Bilder werden nicht in Github-Seiten angezeigt?

Ich habe meinem Github-Projekt eine Projektseite hinzugefügt. Einige Fotos werden jedoch nicht auf der Website angezeigt.

Img-Code:

<img src="img/screenshot2.PNG" class="img-responsive" alt=""> </div>

ordnerstruktur (img ist ein Ordner):

img
    Screenshot2.png
index.html

Ich habe es mit .png und .PNG versucht (einige frühere Antworten SO haben es vorgeschlagen) und keiner von ihnen funktioniert

Irgendwelche Lösungen?

htmlimagegithubgithub-pages
6
Carlton

Egal, ich habe es gelöst.

Wenn jemand das gleiche Problem hat.

Bei GitHub-Seiten wird zwischen Groß- und Kleinschreibung unterschieden. Nicht nur für Ordner, sondern auch für Bildnamen.

14
Carlton

Schreiben Sie, was Sie sehen.

Es ist Screenshot2.png. Mit einem Kleinbuchstaben png und einem Kapital S am Anfang.

6
Quentin

Beim Hosten einer Website auf Github trat das gleiche Problem auf. Die Bilddatei wurde auf meinem lokalen Computer (in kleinen Buchstaben) als JPG-Erweiterung gespeichert und funktionierte einwandfrei. Ich drückte das gleiche auf Github. Das hat nicht funktioniert.

Ich musste die Erweiterung in .JPG (in Groß- und Kleinschreibung) ändern, da es sich um die ursprüngliche Erweiterung des Bildes handelte. Bei den Hilfeseiten wird zwischen Groß- und Kleinschreibung unterschieden, wenn der Name der hochgeladenen Dateien angegeben wird.

2
Saloni Sinha

Ich hatte heute dieses Problem. Ich habe es gelöst durch:

  • Überprüfen Sie das Case Sensitive der Bilder (d. h. Screenshot.png ist nicht dasselbe wie Screenshot.PNG oder auch screenshot.png)
  • Überprüfen Sie das PATH des Bildes. Für mich; Es war ../img/myImg.jpg, und ich änderte es zu ./img/myImg.jpg, um auf das aktuelle Verzeichnis des Projekts zu verweisen

Nachdem Sie das oben erwähnte Problem behoben haben, hat es gut funktioniert ... Ich hoffe, es hilft Ihnen dabei, sich zu lösen!

1
Elharony

Wie @dnivog bereits erwähnte, benötigen die GitHub-Server etwas Zeit, um die Dateien zu aktualisieren.

Wenn sich nichts von dem oben Genannten auf Ihre Situation bezieht, versuchen Sie es in Kürze erneut. ⏳

1
martin-martin

Sie können dies versuchen, indem Sie die "Image-Link-Adresse" aus dem Github-Repository in das Attribut "src" des Tags "img" des HTML-Codes Ihrer Datei einfügen.

1
deshraj singh

Ich hatte einen Ordner mit dem Namen "Assets" auf meinem Laptop, aber als ich zu Github ging, wurde er zu "Assets". Ich musste es in meinem HTML ändern, damit ich die Bilder auf der Github-Seite sehen konnte

Das Repo auf meinem Laptop:
The repo on my laptop

Das Repo auf GitHub:
The repo on Github

1
Timothy Ayegbede