layout, titleTemplate, hero
| layout |
titleTemplate |
hero |
| home |
主页 |
| name |
text |
tagline |
image |
actions |
| NixOS 与 Flakes |
一份非官方的新手指南 |
想要学习使用 NixOS 与 Flakes 吗？在寻找一份新手友好的教程？那你可来对地方了！ |
| src |
alt |
| /logo.png |
NixOS Flakes |
|
| theme |
text |
link |
| brand |
前言 |
/zh/preface.md |
|
| theme |
text |
link |
| brand |
开始学习 |
/zh/introduction/index.md |
|
|
|
|
|
<style>
:root {
--vp-home-hero-name-color: transparent;
--vp-home-hero-name-background: -webkit-linear-gradient(120deg, #4565d8 40%, #41d1ff);
--vp-home-hero-image-background-image: linear-gradient(-60deg, #41d1ff 40%, #0fffc1);
}
.image-bg {
transform: scale(0.75);
-webkit-filter: blur(5vw);
-moz-filter: blur(5vw);
-ms-filter: blur(5vw);
filter: blur(5vw);
background-size: 200% 200%;
animation: animateGlow 10s ease infinite;
}
@keyframes animateGlow {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@media (min-width: 640px) {
:root {
--vp-home-hero-image-filter: blur(56px);
}
}
@media (min-width: 960px) {
:root {
--vp-home-hero-image-filter: blur(72px);
}
}
</style>
