diff --git a/.vitepress/config.mts b/.vitepress/config.mts index efec6e3..3ddb483 100644 --- a/.vitepress/config.mts +++ b/.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/#/' } ], diff --git a/.vitepress/theme/custom.css b/.vitepress/theme/custom.css new file mode 100644 index 0000000..6639778 --- /dev/null +++ b/.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); + } + } \ No newline at end of file diff --git a/.vitepress/theme/index.js b/.vitepress/theme/index.js index 350c926..a6b5536 100644 --- a/.vitepress/theme/index.js +++ b/.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 diff --git a/index.md b/index.md index f5b44c1..1273e65 100644 --- a/index.md +++ b/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: 🛍️ diff --git a/package.json b/package.json index e6078dc..a921d2b 100644 --- a/package.json +++ b/package.json @@ -5,6 +5,6 @@ "docs:preview": "vitepress preview" }, "devDependencies": { - "vitepress": "1.0.0-rc.32" + "vitepress": "1.3.4" } }