mirror of
https://github.com/ryan4yin/nixos-and-flakes-book.git
synced 2024-11-26 10:03:13 +01:00
74 lines
1.7 KiB
Markdown
74 lines
1.7 KiB
Markdown
---
|
|
# https://vitepress.dev/reference/default-theme-home-page
|
|
layout: home
|
|
|
|
titleTemplate: "主页"
|
|
|
|
hero:
|
|
name: "NixOS 与 Flakes"
|
|
text: "一份非官方的新手指南"
|
|
tagline: "想要学习使用 NixOS 与 Flakes 吗？在寻找一份新手友好的教程？那你可来对地方了！"
|
|
image:
|
|
src: /logo.png
|
|
alt: NixOS Flakes
|
|
actions:
|
|
- theme: brand
|
|
text: 前言
|
|
link: /zh/preface.md
|
|
- theme: brand
|
|
text: 开始学习
|
|
link: /zh/introduction/index.md
|
|
- theme: alt
|
|
text: "前往 GitHub 仓库"
|
|
link: https://github.com/ryan4yin/nixos-and-flakes-book
|
|
# features:
|
|
# - title: Feature A
|
|
# details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
|
|
# - title: Feature B
|
|
# details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
|
|
# - title: Feature C
|
|
# details: 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, #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>
|