create-base-teek-theme/dist/template/docs/index.md

``` npm create base-teek-theme@latest my-first-blog ```

---

layout: home

hero:
  name: 组件库
  text: 常用组件及代码封装
  tagline: 减少重复造轮子, 快速开发
  image:
    src: img/logo.png
    alt: VitePress
  actions:
    - theme: brand
      text: 快速开始
      link: /pages/fe4521
    - theme: brand
      text: 组件文档
      link: /pages/1a7d12
    - theme: alt
      text: 个人主页
      link: https://xiaoying.org.cn
features:
- icon: 📝
  title: 专注内容
  details: 只需 Markdown 即可轻松创建美观的文档站点。
- icon: <svg xmlns="http://www.w3.org/2000/svg" width="30" viewBox="0 0 256 220.8"><path fill="#41B883" d="M204.8 0H256L128 220.8 0 0h97.92L128 51.2 157.44 0h47.36Z"/><path fill="#41B883" d="m0 0 128 220.8L256 0h-51.2L128 132.48 50.56 0H0Z"/><path fill="#35495E" d="M50.56 0 128 133.12 204.8 0h-47.36L128 51.2 97.92 0H50.56Z"/></svg>
  title: 前端模板
  details: 封装常用组件及hooks，快速开发前端项目。
- icon: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 510 457.8\" width=\"100\" height=\"90\"><path fill=\"#6DB33F\" d=\"M503.5,201.4L403,27.5C394.3,12.4,372.9,0,355.4,0H154.6c-17.4,0-38.9,12.4-47.6,27.5L6.6,201.4c-8.7,15.1-8.7,39.8,0,54.9l100.4,174c8.7,15.1,30.1,27.5,47.6,27.5h200.9c17.4,0,38.8-12.4,47.6-27.5l100.4-174C512.2,241.2,512.2,216.5,503.5,201.4z M233.3,96.2c0-11.4,9.3-20.7,20.7-20.7c11.4,0,20.7,9.3,20.7,20.7v123.7c0,11.4-9.3,20.7-20.7,20.7c-11.4,0-20.7-9.3-20.7-20.7V96.2z M254,360.3c-77.4,0-140.4-63-140.4-140.4c0.1-44.4,21.1-86.1,56.7-112.7c8.2-6.1,19.7-4.4,25.8,3.8s4.4,19.7-3.8,25.8c-45.9,34.1-55.5,99-21.4,144.9s99,55.5,144.9,21.4c26.3-19.5,41.8-50.4,41.8-83.2c-0.1-32.9-15.7-63.8-42.2-83.4c-8.2-6-9.9-17.6-3.9-25.8s17.6-9.9,25.8-3.9c35.9,26.5,57,68.5,57.1,113.1C394.4,297.4,331.4,360.3,254,360.3z\"/></svg>"
  title: SpringBoot模板
  details: 开箱即用常见的 SpringBoot 模板，快速开发后端项目。
- icon: 🚀
  title: 博客插件
  details: 常见vitepress插件，快速搭建博客。

---


<style>
: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);
}

@media (min-width: 640px) {
  :root {
    --vp-home-hero-image-filter: blur(56px);
  }
}

@media (min-width: 960px) {
  :root {
    --vp-home-hero-image-filter: blur(68px);
  }
}
</style>