docs: add mock logo

Author: pengzhanbo

docs/.vitepress/config.ts

@@ -34,13 +34,13 @@ const vitepressConfig: UserConfig<DefaultTheme.Config> = defineConfig({
     },
   },
   head: [
-    ['link', { rel: 'icon', type: 'image/svg', href: '/logo.svg' }],
+    ['link', { rel: 'icon', type: 'image/svg', href: '/logo.png' }],
   ],
   sitemap: {
     hostname: 'https://vite-plugin-mock-dev-server.netlify.app',
   },
   themeConfig: {
-    logo: '/logo.svg',
+    logo: '/logo.png',
     socialLinks: [
       {
         icon: 'github',

docs/.vitepress/theme/style.css

@@ -5,3 +5,35 @@
   --vp-c-brand-3: #FF9933;
   --vp-c-brand-darker: #CC6600;
 } */
+
+:root {
+  --vp-home-hero-name-color: transparent;
+  --vp-home-hero-name-background: -webkit-linear-gradient(
+    120deg,
+    rgb(119, 118, 255) 30%,
+    rgb(174, 44, 241)
+  );
+  --vp-home-hero-image-background-image: linear-gradient(
+    -45deg,
+    rgba(119, 118, 255, .6) 50%,
+    rgba(174, 44, 241, .6) 50%
+  );
+  --vp-home-hero-image-filter: blur(44px);
+}
+
+@media (min-width: 640px) {
+  :root {
+    --vp-home-hero-image-filter: blur(56px);
+  }
+}
+
+@media (min-width: 960px) {
+  :root {
+    --vp-home-hero-image-filter: blur(68px);
+  }
+}
+
+.VPHero .VPImage {
+  filter: drop-shadow(-2px 4px 6px rgba(0, 0, 0, 0.2));
+  padding: 18px;
+}

docs/en/index.md

@@ -13,6 +13,9 @@ hero:
     - theme: alt
       text: Github
       link: https://github.com/pengzhanbo/vite-plugin-mock-dev-server
+  image:
+    src: /hero.webp
+    alt: Mock-Dev-Server
 
 features:
   - title: Lightweight, Flexible, Fast

docs/public/hero.webp

@@ -13,6 +13,9 @@ hero:
     - theme: alt
       text: Github
       link: https://github.com/pengzhanbo/vite-plugin-mock-dev-server
+  image:
+    src: /hero.webp
+    alt: Mock-Dev-Server
 
 features:
   - title: 轻量，灵活，快速