如何在Laravel Nova4中更换Logo？

方法一：自定义Nova布局视图 #

• 在项目的resources/views/vendor/nova目录下创建layouts文件夹（若不存在则手动创建）
• 复制Nova核心包内的layouts/app.blade.php文件（路径：vendor/laravel/nova/resources/views/layouts/app.blade.php）到刚才创建的resources/views/vendor/nova/layouts目录
• 打开复制后的app.blade.php，找到默认Logo对应的代码块，通常是：

  <img src="{{ asset('vendor/nova/img/logo.svg') }}" alt="Nova Logo" class="h-9">
  

• 将其替换为你自定义Logo的代码，示例：

  <img src="{{ asset('assets/images/your-logo.png') }}" alt="你的品牌Logo" class="h-9">
  

• 提前将你的Logo文件放置到public/assets/images（或你指定的其他public子目录）下

方法二：通过自定义样式覆盖（无需修改视图文件） #

• 创建一个自定义Nova工具（或利用现有工具/扩展），在工具的boot方法中添加自定义样式：

  public function boot()
  {
      Nova::style('custom-nova-logo', function () {
          return <<<CSS
              .nova-sidebar .nova-brand-logo img {
                  display: none;
              }
              .nova-sidebar .nova-brand-logo {
                  background-image: url('/assets/images/your-logo.png') !important;
                  background-size: contain;
                  background-position: center;
                  background-repeat: no-repeat;
                  height: 36px; /* 适配Nova默认高度 */
              }
          CSS;
      });
  }
  

• 在config/nova.php的tools数组中注册该自定义工具

关键注意点 #

• 确保Logo文件的路径正确，asset()方法会指向项目根目录下的public文件夹
• 若使用方法一，后续Nova版本更新后，需检查原app.blade.php是否有结构变更，必要时同步到自定义视图中
• 可根据需求调整Logo的样式类或CSS属性，保证在Nova界面中显示协调

内容的提问来源于stack exchange，提问作者Bhavin Thummar