layout hero features home name text tagline image actions BLOG101 通过搭建博客来掌握学习计算机科学的基本技能。 src alt /logo.webp BLOG101 theme text link brand 开始学习 /course/introduce title details Feature A Lorem ipsum dolor sit amet, consectetur adipiscing elit title details Feature B Lorem ipsum dolor sit amet, consectetur adipiscing elit title details Feature C Lorem ipsum dolor sit amet, consectetur adipiscing elit <style> :root { --vp-home-hero-name-color: transparent; --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #90b3ed 30%, #aeefe2); --vp-home-hero-image-background-image: linear-gradient(135deg, #90b3ed 50%, #aeefe2 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>