Html 将博客上的图片制作成链接

我有自己的博客，我使用blogspot作为我保存博客的地方。我只是有个小问题，但很烦人

我有我写的所有帖子的首页，有一个小的帖子“示例”，有图片和文本，现在图片没有任何功能，然后我有一个帖子页面，有帖子和图片的所有文本。在帖子页面上，你可以点击图片，它会显示得更大

在首页上，我希望能够点击图片进入帖子页面，仍然能够点击帖子页面上的图片使其更大

现在，我尝试将这行代码放在不同的地方：

<a expr:href='data:post.link'>[whatever the code for the image is]</a>

但是我把它放进去的地方只是把图片放大了，没有任何功能，或者是放大了

我曾经看过代码的人说，在头版的这个特定列表的代码中没有提到这张图片。但有没有可能以某种方式提及这一点

头版文章示例的代码如下：

<div class='post hentry uncustomized-post-template'>
      <a expr:name='data:post.id'/>
      <b:if cond='data:post.title'>
        <h3 class='post-title entry-title'>
          <b:if cond='data:post.link'>
            <a expr:href='data:post.link'><data:post.title/></a>
          <b:else/>
            <b:if cond='data:post.url'>
              <b:if cond='data:blog.url != data:post.url'>
                <a expr:href='data:post.url'><data:post.title/></a>
              <b:else/>
                <data:post.title/>
              </b:if>
            <b:else/>
              <data:post.title/>
            </b:if>
          </b:if>
        </h3>
      </b:if>

      <div class='post-header'>
        <div class='post-header-line-1'/>
      </div>

      <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
        <data:post.body/>
        <div style='clear: both;'/> <!-- clear for photos floats -->
      </div>

有没有可能做到这一点而不重写网站上的所有内容

非常感谢您抽出时间

编辑：评论中要求的额外代码

<div class='post-body entry-content'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/>   </b:if>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div style='float:right;padding-right:10px;margin-top:10px;'>
<a class='readmorenbt' expr:href='data:post.url'>Read More</a>
</div>
</b:if>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='clear:both;'/>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>

创建摘要和摘要（“摘要”）；
最好的方法是将
替换为

<b:if cond='data:blog.pageType == &quot;index&quot;'>
    <div class='index-artwork'>
    <a expr:href='data:post.url'>
<img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/>      </a>
      </div>
<b:else/>
<data:post.body/>
</b:if>



如果你仍然想在你的索引页上有文本以及带有文章链接的图片，你可以这样做

<b:if cond='data:blog.pageType == &quot;index&quot;'>
    <div class='index-artwork'>
    <a expr:href='data:post.url'>
<img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/>      </a>
      </div>
<data:post.body/>
<b:else/>
<data:post.body/>
</b:if>



然后在上面添加这个


.后车身img{
显示：无；
}
.img索引{
显示：块；
}

希望这有帮助


编辑

查找此行
var summary=imgtag++'+removeHtmlTag（div.innerHTML，summar）+'

并将其替换为

var summary=''+removeHtmlTag（div.innerHTML，summ）+''

然后找到


在它之前加上这个


别忘了从我的原始答案中删除css：

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<style>
    .post-body img {
    display:none;
    }
    .index-artwork img {
    display:block;
    }
</style>
</b:if>


.后车身img{
显示：无；
}
.img索引{
显示：块；
}
它确实改变了一些东西，但不幸的是，它删除了每篇帖子上的图片。。你知道这是什么原因吗？这段代码应该只改变索引页面，而不是实际的文章页面。css尝试更改显示可能有问题：block；显示：块！重要的你有我可以查看的url吗？它会更改索引页，但会删除索引页上的所有图片。是的，我刚刚更改了网站，所以你可以看一下我现在输入了你给出的第二个代码，我还有文本的代码。但是现在索引页上根本没有显示任何图片。现在我甚至无法将图片恢复到索引页上你知道为什么吗？
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<style>
    .post-body img {
    display:none;
    }
    .index-artwork img {
    display:block;
    }
</style>
</b:if>