feat: 更新图片编辑器描述及样式

.vitepress/config.mts

@@ -25,6 +25,7 @@ export default defineConfig({
     // logo: { src: '/public/logo.png', width: 24, height: 24 },
     // https://vitepress.dev/reference/default-theme-config
     nav: [
+      { text: '💡 企业版', link: 'https://pro.kuaitu.cc/' },
       { text: '🔖 指南', link: '/guide/index' },
       { text: '💻 预览', link: 'https://ikuaitu.github.io/vue-fabric-editor/#/' }
     ],

.vitepress/theme/custom.css

@@ -0,0 +1,19 @@
+:root {
+    --vp-home-hero-name-color: transparent;
+    --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #bd34fe 30%, #41d1ff);
+    --vp-home-hero-image-background-image: linear-gradient(-45deg, #bd34fe 50%, #47caff 50%);
+    --vp-home-hero-image-filter: blur(44px);
+  }
+  .icon{
+    font-size: 30px;
+  }
+  @media (min-width: 640px) {
+    :root {
+      --vp-home-hero-image-filter: blur(56px);
+    }
+  }
+  @media (min-width: 960px) {
+    :root {
+      --vp-home-hero-image-filter: blur(68px);
+    }
+  }

.vitepress/theme/index.js

@@ -1,7 +1,7 @@
 // .vitepress/theme/index.js
 import DefaultTheme from 'vitepress/theme'
 import Sponsor from './Sponsor.vue'
-
+import './custom.css'
 export default {
   extends: DefaultTheme,
   // 使用注入插槽的包装组件覆盖 Layout

index.md

@@ -4,7 +4,7 @@ layout: home
 
 hero:
   name: "Vue Fabric Editor"
-  text: "快速构建图形编辑器"
+  text: "快速构建图片编辑器"
   tagline: 一款基于Fabric + Vue3的开源Web图片编辑器
   actions:
     - theme: brand
@@ -18,10 +18,10 @@ hero:
     alt: 开源图片编辑器
 
 features:
-  - icon: ⚙️
+  - icon: 🛠️
     title: 插件化架构
-    details: 可自定义素材、右键菜单、快捷键等功能，易扩展。
-  - icon: 🌂
+    details: 可自定义素材、右键菜单、快捷键等功能，方便二次开发，轻松扩展。
+  - icon: 🏖️
     title: 简洁易用
     details: 以轻量、简洁为主的图形编辑器，而非大而全的在线PS类的重行设计工具。
   - icon: 🛍️

package.json

@@ -5,6 +5,6 @@
     "docs:preview": "vitepress preview"
   },
   "devDependencies": {
-    "vitepress": "1.0.0-rc.32"
+    "vitepress": "1.3.4"
   }
 }