Question

我刚开始学习html和css，正在为我的博客制作一个主题。大多数GIF和照片显示没有问题，但我的一些照片帖子只显示：torn photo如何正确显示所有照片？下面是html：

{block:Photo}
    <div class="post">
        <img src="PhotoURL-500}">
      {block:Caption}{Caption}{/block:Caption}
        <ul class="like-reblog">
          <li>{LikeButton}</li>
          <li>{ReblogButton}</li>
          <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCount}</a>{/block:NoteCount}</li>
          <li>{block:Date}<a href="{Permalink}">{Month}&#x2606;{DayofMonth}{DayOfMonthSuffix} {Year}</a>{/block:Date}</li>
        </ul>
    </div>
    {block:PostNotes}{PostNotes}{/block:PostNotes}
{/block:Photo}

这是CSS：

 .post {
    background: #fff;
    margin: 40px auto;
    width: 500px;
    padding: 20px;
    border-radius: 6px;
  }

我还在学习，所以我可能错过了什么。

Answer 1

当找不到图像时，通常会出现该图标（错误的名称，文件扩展名，文件路径，文件根本不存在或类似错误）。除此之外，你似乎错过了一个大括号：

<img src="PhotoURL-500}">

应该是：

<img src="{PhotoURL-500}">

Answer 2

这通常发生在链接错误上。尝试将图像上传到网站或将文件移动到其他位置。并使用img的新位置

如何正确显示所有照片？

2 个答案: