如何调整博客站点顶部LOGO的尺寸？

如下图所示，博客页面内的LOGO大小太小，改如何进行调整？

首先，确保LOGO原图大小合适，可以到【官微中心后台】—【启动】—LOGO处的长图LOGO进行配置，建议上传背景镂空212*48像素的PNG图片，以达到最好的效果，如下图所示：

设置完成后，进入【站点】-【博客站点】，如下图所示：

找到【编辑代码】，如下图所示：

找到下面这行代码 ，位于 App 组件的 template 中，大约在第866行：

<img :src="logoUrl" alt="Logo" class="h-8 w-auto">

这里的 h-8 是一个 Tailwind CSS 的工具类，它将图片的高度设置为 2rem (即32像素)，要放大这个logo，您只需要将 h-8 中的数字 8 改成一个更大的数字即可。Tailwind CSS提供了一系列尺寸，数字越大，尺寸越大。

例如，您可以尝试修改为 h-12：

<!-- 修改前 -->
<img :src="logoUrl" alt="Logo" class="h-8 w-auto">

<!-- 修改后 (放大) -->
<img :src="logoUrl" alt="Logo" class="h-12 w-auto">

您可以根据需要尝试不同的值，比如 h-10, h-14, h-16 等，直到找到您满意的尺寸。w-auto 类会自动根据新的高度调整宽度，以保持logo的原始比例。