diff --git a/resources/views/about.blade.php b/resources/views/about.blade.php
new file mode 100644
index 0000000..398ac29
--- /dev/null
+++ b/resources/views/about.blade.php
@@ -0,0 +1,42 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="{{ asset('css/app.css') }}">
+    <link rel="stylesheet" href="{{ asset('css/flowbite.css') }}">
+    @include('modules.head')
+    {!! $webHeader !!}
+</head>
+<body>
+<div class="bg-white">
+    @include('modules.navbar')
+    <div class="relative isolate px-6 lg:px-8">
+        <div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80"
+             aria-hidden="true">
+            <div
+                class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]"
+                style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
+        </div>
+        <div class="mx-auto my-10 max-w-4xl py-8 sm:py-16 lg:py-16">
+            <div class="w-full p-4 bg-white border border-gray-200 rounded-lg shadow-lg sm:p-8 dark:bg-gray-800 dark:border-gray-700">
+                {!! $userAbout !!}
+            </div>
+        </div>
+        <div
+            class="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]"
+            aria-hidden="true">
+            <div
+                class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]"
+                style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
+        </div>
+        @include('modules.footer')
+    </div>
+</div>
+</body>
+<script src="{{ asset('js/app.js') }}"></script>
+<script src="{{ asset('js/jquery.js') }}"></script>
+{!! $webFooter !!}
+</html>
diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index 6d05caf..12f4ace 100644
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -6,7 +6,9 @@
           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <link rel="stylesheet" href="{{ asset('css/app.css') }}">
-    <title>Document</title>
+    <link rel="stylesheet" href="{{ asset('css/flowbite.css') }}">
+    @include('modules.head')
+    {!! $webHeader !!}
 </head>
 <body class="h-full">
 <div class="flex min-h-full flex-col justify-center px-6 py-12 lg:px-8">
@@ -78,4 +80,5 @@ function user_change() {
         });
     }
 </script>
+{!! $webFooter !!}
 </html>
diff --git a/resources/views/auth/register.blade.php b/resources/views/auth/register.blade.php
index 1637861..87c791a 100644
--- a/resources/views/auth/register.blade.php
+++ b/resources/views/auth/register.blade.php
@@ -6,7 +6,9 @@
           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <link rel="stylesheet" href="{{ asset('css/app.css') }}">
-    <title>Document</title>
+    <link rel="stylesheet" href="{{ asset('css/flowbite.css') }}">
+    @include('modules.head')
+    {!! $webHeader !!}
 </head>
 <body class="h-full">
 <div class="flex min-h-full flex-col justify-center px-6 py-12 lg:px-8">
@@ -93,4 +95,5 @@ function user_change() {
         });
     }
 </script>
+{!! $webFooter !!}
 </html>
diff --git a/resources/views/console/dashboard.blade.php b/resources/views/console/dashboard.blade.php
index e2d4081..55aa4c6 100644
--- a/resources/views/console/dashboard.blade.php
+++ b/resources/views/console/dashboard.blade.php
@@ -6,7 +6,9 @@
           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <link rel="stylesheet" href="{{ asset('css/app.css') }}">
-    <title>Document</title>
+    <link rel="stylesheet" href="{{ asset('css/flowbite.css') }}">
+    @include('modules.head')
+    {!! $webHeader !!}
 </head>
 <body>
 
@@ -75,9 +77,7 @@ class="inline-flex items-center p-2 mt-2 ml-3 text-sm text-gray-500 rounded-lg s
         </div>
     </div>
 </div>
-
 </body>
-
 <script src="{{ asset('js/app.js') }}"></script>
 <script src="{{ asset('js/jquery.js') }}"></script>
 </html>
diff --git a/resources/views/function/link.blade.php b/resources/views/function/link.blade.php
new file mode 100644
index 0000000..6a96786
--- /dev/null
+++ b/resources/views/function/link.blade.php
@@ -0,0 +1,74 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="{{ asset('css/app.css') }}">
+    <link rel="stylesheet" href="{{ asset('css/flowbite.css') }}">
+    @include('modules.head')
+    {!! $webHeader !!}
+</head>
+<body>
+<div class="bg-white">
+    @include('modules.navbar')
+    <div class="relative isolate px-6 lg:px-8">
+        <div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80"
+             aria-hidden="true">
+            <div
+                class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]"
+                style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
+        </div>
+        @foreach($blogSort as $valueSort)
+            <div class="mx-auto mt-28 mb-3 max-w-4xl grid grid-cols-1 px-2">
+                <div class="text-2xl text-bold">{!! $valueSort->title !!}</div>
+                @if(!empty($valueSort->description))<div class="text-gray-500">{{ $valueSort->description }}</div> @endif
+            </div>
+            <div class="mx-auto max-w-4xl mb-3 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4">
+                @foreach($blogLink as $valueLink)
+                    @if($valueLink->blogLocation == $valueSort->id)
+                        <a href="{{ $valueLink->blogUrl }}" target="_blank">
+                            <div
+                                class="flex p-2 bg-white border border-grey-200 rounded-lg shadow-lg sm:p-4 dark:bg-gray-800 dark:border-gray-700 grid-cols-2 m-1">
+                                <img id="Lazy"
+                                     class="w-16 h-16 p-1 rounded-full ring-2 ring-gray-300 dark:ring-gray-500 me-2 sm:me-4"
+                                     src="{{ asset('images/avatar.png') }}" data-src="{{ $valueLink->blogIcon }}"
+                                     alt="Bordered avatar">
+                                <div class="grid grid-cols-1">
+                                    <p class="text-xl font-bold">{{ $valueLink->blogName }}</p>
+                                    <p class="text-sm text-gray-500 truncate">{{ $valueLink->blogDescription }}</p>
+                                </div>
+                            </div>
+                        </a>
+                    @endif
+                @endforeach
+            </div>
+        @endforeach
+        <div class="mb-20"></div>
+        <div
+            class="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]"
+            aria-hidden="true">
+            <div
+                class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]"
+                style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
+        </div>
+        @include('modules.footer')
+    </div>
+</div>
+</body>
+<script src="{{ asset('js/app.js') }}"></script>
+<script src="{{ asset('js/jquery.js') }}"></script>
+<script async src="{{ asset('js/lazyload.js') }}"></script>
+<script type="text/javascript">
+    document.addEventListener('DOMContentLoaded', function () {
+        const lazyLoadInstance = new LazyLoad({
+            elements_selector: '#Lazy', // 指定要延迟加载的元素选择器
+            callback_error: function (element) {
+                element.src = '{{ asset('images/avatar.png') }}'; // 图像加载失败时替换为占位图像
+            }
+        });
+    });
+</script>
+{!! $webFooter !!}
+</html>
diff --git a/resources/views/function/music.blade.php b/resources/views/function/music.blade.php
new file mode 100644
index 0000000..b3d9bbc
--- /dev/null
+++ b/resources/views/function/music.blade.php
@@ -0,0 +1 @@
+<?php
diff --git a/resources/views/function/sponsor.blade.php b/resources/views/function/sponsor.blade.php
new file mode 100644
index 0000000..b3d9bbc
--- /dev/null
+++ b/resources/views/function/sponsor.blade.php
@@ -0,0 +1 @@
+<?php
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index 6f0a2c4..e4c50dd 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -1,6 +1,3 @@
-@php
-    use Illuminate\Support\Facades\Auth;
-@endphp
 <!doctype html>
 <html lang="zh-CN">
 <head>
@@ -9,7 +6,9 @@
           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <link rel="stylesheet" href="{{ asset('css/app.css') }}">
-    <title>Document</title>
+    <link rel="stylesheet" href="{{ asset('css/flowbite.css') }}">
+    @include('modules.head')
+    {!! $webHeader !!}
 </head>
 <body style="overflow: hidden;height: 100vh">
 <div class="bg-white">
@@ -21,17 +20,17 @@
                 class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]"
                 style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
         </div>
-        <div class="mx-auto max-w-2xl py-32 sm:py-48 lg:py-56">
+        <div class="mx-auto max-w-2xl py-32 sm:py-48 lg:py-48 xl:py-60">
             <div class="text-center">
-                <h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl"> {{ env('APP_NAME') }} </h1>
-                <p class="mt-6 text-lg leading-8 text-gray-600">{{ env('APP_DESC') }}</p>
+                <h1 class="text-6xl font-bold tracking-tight text-gray-900 sm:text-6xl"> {{ $webTitle }} </h1>
+                <p class="mt-6 text-lg leading-8 text-gray-600">{{ $webSubTitleDescription }}</p>
                 <div class="mt-10 flex items-center justify-center gap-x-6">
-                    <a href="{{ env('APP_BLOG') }}"
+                    <a href="{{ $sqlBlog }}"
                        class="rounded-full bg-purple-700 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-purple-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
                         <i class="bi bi-door-open"></i>
                         <span class="flex-1 ml-1 whitespace-nowrap">去我的博客</span>
                     </a>
-                    <a href="#" class="text-sm font-semibold leading-6 text-gray-900">
+                    <a href="{{ route('about') }}" class="text-sm font-semibold leading-6 text-gray-900">
                         <span class="flex-1 whitespace-nowrap">了解我</span>
                         <i class="bi bi-arrow-right"></i>
                     </a>
@@ -47,8 +46,24 @@ class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate
         </div>
     </div>
 </div>
-
+<footer class="fixed bottom-0 left-0 z-20 w-full p-4 md:flex md:items-end md:justify-between md:p-6">
+    @if(empty($sqlIcp) && empty($sqlGongan))
+        <div class="flex text-sm text-gray-500 dark:text-gray-400"></div>
+        <div class="flex text-sm text-gray-500 dark:text-gray-400">
+            <span class="flex justify-start"><i class="bi bi-c-circle"></i> @if(empty(!$sqlCopyRightYear)) {{ $sqlCopyRightYear }}-{{ date('Y') }} @else {{ date('Y') }} @endif {{ $sqlAuthor }}. All Rights Reserved.</span>
+        </div>
+    @else
+        <div class="flex text-sm text-gray-500 dark:text-gray-400">
+            <span class="flex justify-start"><i class="bi bi-c-circle pe-2"></i> @if(empty(!$sqlCopyRightYear)) {{ $sqlCopyRightYear }}-{{ date('Y') }} @else {{ date('Y') }} @endif {{ $sqlAuthor }}. All Rights Reserved.</span>
+        </div>
+        <div class="grid grid-cols-1 text-sm text-gray-500 dark:text-gray-400">
+            @if(!empty($sqlIcp))<a href="https://beian.miit.gov.cn/"><span class="flex justify-end @if(!empty($sqlGongan))mb-1 @endif"><i class="bi bi-balloon pe-2"></i> {{ $sqlIcp }}</span></a> @endif
+            @if(!empty($sqlGongan))<a href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode={{ $GonganCode }}"><span class="flex justify-end @if(!empty($sqlIcp))mt-1 @endif"><i class="bi bi-balloon-heart pe-2"></i> {{ $sqlGongan }}</span></a> @endif
+        </div>
+    @endif
+</footer>
 </body>
 <script src="{{ asset('js/app.js') }}"></script>
 <script src="{{ asset('js/jquery.js') }}"></script>
+{!! $webFooter !!}
 </html>
diff --git a/resources/views/modules/footer.blade.php b/resources/views/modules/footer.blade.php
new file mode 100644
index 0000000..398950b
--- /dev/null
+++ b/resources/views/modules/footer.blade.php
@@ -0,0 +1,10 @@
+<footer>
+    <div class="w-full mx-auto max-w-screen-xl p-4 md:flex md:items-center justify-center">
+        <div class="text-sm text-gray-500 text-center dark:text-gray-400 gird grid-cols-1">
+            <span class="flex text-sm justify-center text-gray-500 dark:text-gray-400"><i class="bi bi-c-circle pe-2"></i> @if(empty(!$sqlCopyRightYear)) {{ $sqlCopyRightYear }}-{{ date('Y') }} @else {{ date('Y') }} @endif {{ $sqlAuthor }}. All Rights Reserved.</span>
+            @if(!empty($sqlGongang) || !empty($sqlIcp))<hr class="my-3"> @endif
+            @if(!empty($sqlIcp))<a href="https://beian.miit.gov.cn/"><span class="flex text-sm justify-center text-gray-500 dark:text-gray-400 @if(!empty($sqlGongan))mb-1 @endif"><i class="bi bi-balloon pe-2"></i> {{ $sqlIcp }}</span></a> @endif
+            @if(!empty($sqlGongan))<a href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode={{ $GonganCode }}"><span class="flex text-sm justify-center text-gray-500 dark:text-gray-400 @if(!empty($sqlIcp))mt-1 @endif"><i class="bi bi-balloon-heart pe-2"></i> {{ $sqlGongan }}</span></a> @endif
+        </div>
+    </div>
+</footer>
diff --git a/resources/views/modules/head.blade.php b/resources/views/modules/head.blade.php
new file mode 100644
index 0000000..af08ffb
--- /dev/null
+++ b/resources/views/modules/head.blade.php
@@ -0,0 +1,10 @@
+<title>{{ $webTitle }} - {{ $webSubTitle }}</title>
+<meta name="description" content="{{ $webDescription }}">
+<meta name="keywords" content="{{ $webKeyword }}">
+<meta name="author" content="{{ $sqlAuthor }}">
+<meta name="copyright" content="{{ $sqlAuthor }}">
+<link rel="shortcut icon" href="{{ $webIcon }}" type="image/x-icon">
+<link rel="icon" sizes="any" href="{{ $webIcon }}" type="image/x-icon">
+<!-- 适配Twitter卡片 -->
+<meta name="twitter:card" content="summary">
+<meta name="twitter:image" content="{{ $webIcon }}">
diff --git a/resources/views/modules/navbar.blade.php b/resources/views/modules/navbar.blade.php
index 92ca3cb..64fd15d 100644
--- a/resources/views/modules/navbar.blade.php
+++ b/resources/views/modules/navbar.blade.php
@@ -3,7 +3,7 @@
         <div class="flex lg:flex-1">
             <a href="#" class="-m-1.5 p-1.5">
                 <span class="sr-only">Your Company</span>
-                <img class="h-8 w-auto" src="https://tailwindui.com/img/logos/mark.svg?color=indigo&shade=600"
+                <img class="h-8 w-auto" src="{{ asset('images/logo.jpg') }}"
                      alt="">
             </a>
         </div>
@@ -19,11 +19,11 @@ class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray
             </button>
         </div>
         <div class="hidden lg:flex lg:gap-x-12">
-            <a href="#" class="text-sm font-semibold leading-6 text-gray-900">
+            <a href="{{ route('home') }}" class="text-sm font-semibold leading-6 text-gray-900">
                 <i class="bi bi-house"></i>
                 <span class="flex-1 ml-1 whitespace-nowrap">首页</span>
             </a>
-            <a href="#" class="text-sm font-semibold leading-6 text-gray-900">
+            <a href="{{ route('function.link') }}" class="text-sm font-semibold leading-6 text-gray-900">
                 <i class="bi bi-link-45deg"></i>
                 <span class="flex-1 ml-1 whitespace-nowrap">友链</span>
             </a>
@@ -52,7 +52,7 @@ class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray
                     <div id="userDropdown" class="z-10 hidden bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700 dark:divide-gray-600">
                         <ul class="py-2 text-sm text-gray-700 dark:text-gray-200" aria-labelledby="avatarButton">
                             <li>
-                                <a href="#" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">
+                                <a href="{{ route('console.dashboard') }}" class="block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">
                                     <i class="bi bi-person-rolodex"></i>
                                     <span class="flex-1 ml-3 whitespace-nowrap">管理员</span>
                                 </a>
