Фотографии не загружаются, а ссылки не работают - PullRequest
Новая
       21

Фотографии не загружаются, а ссылки не работают

0 голосов
/ 06 марта 2019

Итак, я разместил свой сайт на netlify со своим репозиторием на github.Все мои фотографии и файлы, используемые на сайте, есть, но они не будут загружаться.Загрузятся только мои index.html и style.css, которые находятся вне всех папок.У меня есть ссылка на мой репозиторий GitHub. Github Repo 

html{
  background-color:#abb2bc;
}

body{
  margin:0;

}
h1 {
  margin:0;
  background-color: #363b42;
}
img{
  width:250px;
}

.navbar{
  text-align:center;
}

.blogpost{
  background-color:white;
  padding:5%;
  margin:3%

}

#blogheader{
  margin-top:15px;
}

.blogimage{
  margin-top:25px;
}
<!DOCTYPE html>
<html>

<head>
  <title>GamingCoachBlog</title>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
  <header>
      <div class="navbar">
        <h1>GamingCoach</h1>
      </div>
  </header>
  <main>
    <div class="blogpost">
      <h2 id="blogheader">Recent Blog Posts</h2>
      <a href="/Users/david/Desktop/Blog/Articles/Ten Fortnite Tips For Season 8/index.html"><img class="blogimage" src="C:/Users/david/Desktop/Blog/Images/How to get more wins in Fortnite.png" alt="How to get more wins in Fortnite"></a>
    </div>
  </main>
</body>

</html>

1 Ответ

1 голос
/ 06 марта 2019

Ссылки C: // или локальные ссылки не работают в сети.Кроме того, использование пробелов в имени веб-страницы и имени файла не рекомендуется, так как некоторые браузеры могут не поддерживать пробелы или преобразуют их в веб-стандарт, '+' или стандарт Unicode для пробелов (U + 0020), поэтомучто с ними можно выполнять больше действий.

ИСПРАВЛЕНИЕ:

Swap
src = "C: / Users / David / Desktop / Blog / Images / Как получить большеwins in Fortnite.png "
with
src =" Images / Как получить больше побед в Fortnite.png "

, чтобы решить вашу проблему и правильно отобразить фотографию, используя браузерне возражает против пробелов.

...