调整博客主页图片的大小

Question

我是一个业余博主，一直在尝试使我主页上的图片统一(并且比帖子正文中的尺寸小)。有没有办法做到这一点？

Answer 1

把这个代码放在-

.post-body img {
  max-width:100%;
  height:auto;
}

就在]]></b:skin>标记的上方。

注意:如果.post-body img已经存在于您的博客皮肤标记中，那么只需用上面的代码替换它即可。

Answer 2

实际上，这是可能的，这取决于您使用的博客模板和您的主页设计。我过去常常根据博客模板的类别采用不同的设计。https://weblyb.com/blogger ..需要更多信息来帮助您...

Answer 3

这完全取决于你的模板如何在主页上放大你的图片。最快的解决方案(也是最基本的)是你可能想要使用CSS来调整它们的大小“如果页面是主页”

<b:if cond='data:blog.url == data:blog.homepageUrl'>
.post-body img {
  width: [PLACE YOUR DESIRED WIDTH];
  height: [PLACE YOUR DESIRED HEIGHT];
}
</b:if>

然而，这种方法的问题是，您的图像可能会被拉伸或缩小。如果这对你来说没问题，那么这应该是可行的，否则，你可能需要学习如何编辑自己的模板，并为主页设置不同的代码/布局。