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

【问题标题】：How to change Jetstream logo in Laravel 8?如何在 Laravel 8 中更改 Jetstream 徽标？
【发布时间】：2021-07-08 16:53:10
【问题描述】：

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

【问题讨论】：

标签： laravel laravel-8 jetstream

【解决方案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 ，以及 resources/views/vendor/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。自定义这些组件后，您应该重建资产：

【讨论】：

如果我想把它改成 .png 怎么办？

【解决方案2】：

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

您可以运行以下命令来发布资产。

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

之后文件将在文件夹resources/views/vendor/jetstream/components下可用

【讨论】：

【解决方案3】：

只需添加您自己的 html。

这样做，

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

【讨论】：

【解决方案4】：

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

你需要先运行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" />
....

【讨论】：

【解决方案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 我也改变了我的标志做这个

【讨论】：