Вопрос:
Я пробовал все, чтобы изображение появилось на моем сайте страниц GitHub, но ничего не работает, и теперь я просто устал и буду очень благодарен, если кто-то может помочь мне исправить эту простую, но раздражающую проблему.
Код:
… </footer> <div><img src=»assets/coffee.JPG» alt=»coffee»></div> </body>
Структура каталога изображения: pagename.github.io/_layouts/assets/coffee.jpg
Структура каталогов html: pagename.github.io/_layouts/default.html
Он просто отображается как стандартный значок для разбитых изображений с тегом alt.
Лучший ответ:
Есть несколько вещей, которые могут быть неправильными.
-
Возможно, некапитализируйте расширение файла, поэтому вместо.JPG может быть исправлена проблема.jpg.
-
Возможно, он появляется, но на самом деле очень маленький. Попробуйте добавить к нему фиксированную ширину и высоту и посмотрите, поможет ли это.
Ответ №1
Может быть несколько причин, по которым изображения не появляются
- Образ SRC, который формируется, может быть неправильным, поэтому, пожалуйста, вставьте URL-адрес на новую вкладку и проверьте, открывается ли изображение.
- Расширение файла изображения может быть неправильным написанием, поскольку я вижу, что вы написали. JPG в коде, но ваш образ находится в формате.jpg
Я лично пытаюсь проверить URL-адрес, который формируется в SRC.
Ответ №2
Поскольку Github Pages использует jekyll для создания вашего сайта, любая подчеркнутая папка, такая как _layout, не будет копироваться в течение нескольких поколений. Таким образом, ни одно из ваших активов не будет доступно. См. Документацию.
Скопируйте папку _layouts/assets в свой корень (pagename.github.io/_layouts/assets/ → pagename.github.io/assets/) и убедитесь, что вы называете свои активы надлежащим случаем.
