如何在Laravel 8中更改Jetstream徽标？

Question

我安装了具有Jetstream身份验证的Laravel 8。现在，我想更改登录组件，尤其是徽标。这些组件放在哪里？

Answer 1

安装教程中有一个答案。

https://jetstream.laravel.com/1.x/installation.html#application-logo

php artisan vendor:publish --tag=jetstream-views

Livewire

接下来，您应该自定义位于resources / views / vendor / jetstream / components / application-logo.blade.php，resources / views / vendor / jetstream / components / authentication-card-logo.blade.php中的SVG。 ，以及资源/视图/供应商/jetstream/components/application-mark.blade.php组件。

惯性

接下来，您应该自定义位于resources / views / vendor / jetstream / components / authentication-card-logo.blade.php，resources / js / Jetstream / ApplicationLogo.vue和resources / js / Jetstream / ApplicationMark中的SVG。 .vue。自定义这些组件后，您应该重建资产：

Answer 2

我找到了，请按照以下步骤操作。

您可以在以下命令中运行以发布资产。之后，文件将在文件夹WHERE

下可用

resources/views/vendor/jetstream/components

Answer 3

如果您想在您的数据库中获得您的徽标。

您需要先运行 php artisan vendor:publish --tag=jetstream-views 这个命令。之后，您需要获取 resources\views\auth\login.blade.php 并将此 <x-jet-authentication-card-logo /> 替换为您自己的组件！

您可以像这样运行此命令 php artisan make:component AppLogo 并创建您自己的组件。

<?php

namespace App\View\Components;

use App\Models\GeneralSettings;
use Illuminate\View\Component;

class AppLogo extends Component
{
    public $logo;

    public function __construct()
    {
        $this->logo = GeneralSettings::first()->favicon;
    }

    /**
     * Get the view / contents that represent the component.
     *
     * @return \Illuminate\Contracts\View\View|string
     */
    public function render()
    {
        return view('components.home.app-logo');
    }
}

之后，您需要像这样编辑您的 resources\views\components\home\app-logo.blade.php 文件；

<div>
    <img src="{{$logo}}">
</div>

之后，您需要获取 resources\views\auth\login.blade.php 并将此 <x-jet-authentication-card-logo /> 替换为您自己的组件！像那样<x-applogo />

结果就是这样；

<x-guest-layout>
    <x-jet-authentication-card>
        <x-slot name="logo">
{{--            <x-jet-authentication-card-logo />--}}
            <x-applogo />
        </x-slot>

        <x-jet-validation-errors class="mb-4" />
....

Answer 4

只需添加您自己的 html。

这样做，

<x-slot name="logo">
    <img src="{{ url('logo.png') }}" />
</x-slot>

Answer 5

在 Laravel 8 中更改 Jetstream 徽标。 你必须做3个步骤

• 1.首先运行此命令生成组件
  php artisan vendor:publish --tag=jetstream-views 这将生成视图 [\vendor\laravel\jetstream\resources\views] 到
  [\resources\views\vendor\jetstream]
• 2.打开\resources\views\vendor\jetstream 并移至authentication-card-logo.blade
• 3.从 https://www.w3schools.com/graphics/svg_intro.asp 创建您的 Svg 图像或下载 免于1：https://freesvg.org 我也通过执行以下操作来更改我的徽标 这